层叠
层叠是一种机制,用来解决CSS声明冲突。
层叠的过程
比较优先级,声明低的淘汰,高的胜出。
比较特殊性,声明低的淘汰,高的胜出。
比较源次序,声明靠前淘汰,靠后胜出。
继承
子元素会自动拥有父元素的某些CSS属性,文本类的属性会被继承。
选择器的优先级
!important>内嵌>id>class/属性/伪类>元素/伪元素>通配符
盒模型
盒模型就是CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框,可以形象地将其看作是一个盒子。
在网页设计中经常用到的CSS技术所使用的一种思维模型。
盒模型是由四个属性组成,从内到外分别为:内容(content)、内边距(padding)、边框(border)、外边距(
margin)。
元素在页面上的定位体系
例如我们在做一个很长的网页时,需要在页面内做一个导航,
点击导航里的链接不是新开一个窗口或者跳转到其他网址,而是跳转到当前页的某一个位置。
那么所要跳转到的那个位置,我们就叫做锚点,它是一种在页面内部定位的方式。
常规流
文档流,在没有CSS的干预下,块级元素独占一行,宽高可设,行内元素并排显示,宽高自动。