层叠和继承的概念,选择器的优先级,盒模型,元素在页面上的定位体系,常规流
1.层叠和继承的概念:
CSS层叠性是指CSS样式在针对同一元素配置同一属性是,依据层叠规则(权重)来处理冲突,选择应用权重高的CSS选择器所指定的属性,一般也被描述为权重高的覆盖权重低的,因此也称作层叠。
继承:子元素会自动拥有父元素的某些CSS属性,通常来说,文本类的属性会被继承(字体、字号、颜色)
2.选择器的优先级
!important>id选择器>类选择器>标签选择器>子选择器>后代选择器>伪类选择器
3.盒模型
在网页中,一个盒子占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin),四个部分一起构成了CSS中元素的盒模型。
4.元素在页面上的定位体系
常规流(normal flow),浮动(float),绝对定位(absolute positioned)
5.常规流
在没有css的干预下,块级元素独占一行,宽高可设;行内元素并排显示,宽高自动。
当元素浮动后,脱离文档流。因为子级元素浮动后导致父级高度坍塌。
相关推荐
tianzyc 2020-05-18
jiedinghui 2020-10-25
葉無聞 2020-09-01
buttonChan 2020-08-02
drdrsky 2020-07-05
葉無聞 2020-07-05
opspider 2020-06-28
zhanghaibing00 2020-06-28
opspider 2020-06-26
somboy 2020-06-26
sdbxpjzq 2020-06-25
xiaohuli 2020-06-17
zhanghaibing00 2020-06-14
牵手白首 2020-06-14
teresalxm 2020-06-13