CSS面试题

1、 盒模型

答：分为标准盒模型和怪异盒模型（IE盒模型）

标准盒模型：宽高（content）+ padding + border + margin

怪异盒模型（IE盒模型）：宽高（content + padding + border）+ margin

2、box-sizing属性值有哪些？

答：border-box 和 content-box 以及 inherit（继承父元素的box-sizing属性）

3、CSS有哪些选择器？哪些属性可以继承？

CSS选择符：id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel=”external”]）、伪类选择器（a:hover, li:nth-child）

可继承的属性：font-size, font-family, color

不可继承的样式：border, padding, margin, width, height

优先级（就近原则）：!important >行内样式> [ id > class > tag ]

4、 CSS优先级算法如何计算？

元素选择符： 1

class选择符： 10

id选择符：100

元素标签（行内样式）：1000

!important声明的样式优先级最高，如果冲突再进行计算。

如果优先级相同，则选择最后出现的样式。

继承得到的样式的优先级最低。