CSS面试题

说一下CSS的盒模型

在HTML页面中的所有元素都可以看成是一个盒子

盒子的组成：内容content，内边距padding，边框border，外边距margin

盒模型的类型：

标准盒模型 margin+border+padding+content

IE盒模型 margin+content(border+padding)

控制盒模型的模式：

box-sizing:content-box（默认值、标准盒模型）、border-box（IE盒模型）

 

CSS选择器的优先级

css的特性：继承性、层叠性、优先级

优先级：写css样式的时候会给同一个元素添加多个样式，此时谁的权重高就显示谁的样式

!important ＞ 行内样式 ＞ Id ＞ 类/伪类/属性 ＞ 标签 ＞ 全局选择器