笔记 #CSS

CSS-文字阴影

语法 text-shadow: h-shadow v-shadow blur color; 值描述 h-shadow 必须，水平阴影文章，允许负值 v-shadow 必须，垂直阴影文章，允许负值 blur 可选，模糊距离 color 可选，阴影颜色

发布于 2024-05-20

笔记 #CSS

CSS-盒子阴影

box-shadow: h-shadow v-shadow blur spread color inser; 值描述 h-shadow 必须，水平阴影文章，允许负值 v-shadow 必须，垂直阴影文章，允许负值 blur 可选，模糊距离 spread 可选，阴影尺寸 color 可选，阴影颜色

发布于 2024-05-20

笔记 #CSS

* { margin: 0; padding: 0; } 注意：行内元素为了照顾兼容性，尽量只设置左右内外边距，不要设置上下内外边距。但是转换为块级元素就可以了

发布于 2024-05-20

笔记 #CSS

相邻块元素垂直外边距合并当上下相邻的两个块元素（兄弟关系）相遇时，如果上面的元素有下外边距 margin-bottom，下面的元素有上外边距 margin-top，则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。而是取俩个值中的较大者这种现象被称为相邻块元素垂

发布于 2024-05-20

笔记 #CSS

外边距可以让块级盒子水平居中，但必须满足两个条件：盒子必须制定了宽度（width）盒子左右的外边距都设置为 auto div{ width: 960px; margin: 0 auto; }

发布于 2024-05-20

笔记 #CSS

border-collapse: collapse; collapse 单词是合并的意思 border-collapse: collapse; 表示相邻边框合并在一起

发布于 2024-05-20

笔记 #CSS

1.层叠性相同选择器给设置相同样式，此时一个样式就会覆盖（层叠）另一个冲突的样式，层叠性主要解决样式冲突的问题层叠性原则：样式冲突，遵循的原则是就近原则，那个样式离结构近，就执行那个样式样式不冲突，不会层叠 2.继承性

发布于 2024-05-20

笔记 #CSS

背景位置 background-position 参数代表的意思是：x 坐标和 y 坐标，可以使用方位名词或者精确单位参数值说明 length 百分数由浮点数和单位标识符组成的长度值 position 百分数 top、center、bottom、left、center、right <

发布于 2024-05-20