层叠机制

层叠

层叠是一种机制,用来解决CSS声明冲突。

层叠的过程

比较优先级,声明低的淘汰,高的胜出。

比较特殊性,声明低的淘汰,高的胜出。

比较源次序,声明靠前淘汰,靠后胜出。

继承

子元素会自动拥有父元素的某些CSS属性,文本类的属性会被继承。

选择器的优先级

!important>内嵌>id>class/属性/伪类>元素/伪元素>通配符

盒模型

盒模型就是CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框,可以形象地将其看作是一个盒子。

在网页设计中经常用到的CSS技术所使用的一种思维模型。

盒模型是由四个属性组成,从内到外分别为:内容(content)、内边距(padding)、边框(border)、外边距(

margin)。

元素在页面上的定位体系

例如我们在做一个很长的网页时,需要在页面内做一个导航,

点击导航里的链接不是新开一个窗口或者跳转到其他网址,而是跳转到当前页的某一个位置。

那么所要跳转到的那个位置,我们就叫做锚点,它是一种在页面内部定位的方式。

常规流

文档流,在没有CSS的干预下,块级元素独占一行,宽高可设,行内元素并排显示,宽高自动。

原文地址:https://www.cnblogs.com/zxq519896763/p/12045719.html