CSS面试题

1、介绍一下标准的CSS盒子模型？低版本IE的盒子模型有什么不同？

• （1）有两种，IE盒子模型、W3C盒子模型；
• （2）盒子模型：内容（content）、填充（padding）、margin（margin）、边框（border）；
• （3）区别：IE的content部分把border和padding计算了进去；

W3C盒子模型 IE盒子模型

2、CSS选择符有哪些？哪些属性可以继承？

• （1）id选择器（#myid）
  （2）类选择器（.myclassname）
  （3）标签选择器（div，h1，p）
  （4）相邻选择器（h1+p）
  （5）子选择器（ul>li）
  （6）后代选择器（li a）
  （7）通配符选择器（*）
  （8）属性选择器（a[rel="external"]）
  （9）伪类选择器（a:hover,li:nth-child）
• 可继承的样式：font-size font-family color，UL LI DL DD DT;
• 不可继承的样式：border padding margin width height；

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

• 优先级就近原则，同权重情况下样式定义最近者为准；
• 载入样式以最后载入的定位为准；

优先级：!important>id>class>tag (important比内联优先级高)

4、CSS3新增伪类有哪些？