1.css三大特性
- 层叠性:相同选择器设置相同样式,样式冲突,此时一个样式就会覆盖另一个样式,就近原则
- 继承性:子标签会继承父标签的某些样式,恰当使用可以简化代码,降低css样式的复杂性,可以继承和文字相关的样式(text-, font-, line-这些元素开头的属性,以及color属性)
- 优先级:
1.选择器相同,执行层叠性
2.选择器不同,权重如下图
2.页面布局三大核心
1.盒子模型(Box Model)
组成:边框,外边距,内边距,实际内容
具体操作参照w3c(自己百度)
注意点
-
边框border:复合型写法没有顺序,包括宽度、样式、颜色三种。可以分开上下左右的边框分别设置。边框会影响盒子实际大小。
-
内边距padding:复合型写法,padding也会影响盒子的大小,所以可以见得,初始我们定的width和heigth的大小只是content的大小