什么是盒模型？2种CSS盒模型的区别

• 盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)；
• IE 盒子模型、W3C 盒子模型；
• 区 别： IE的content部分把 border 和 padding计算了进去;

详见：CSS盒模型

CSS选择符有哪些？

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

哪些CSS属性可以继承？

• 可继承的样式： font-size font-family color, UL LI DL DD DT;
• 不可继承的样式：border padding margin width height ;

CSS优先级

• 优先级就近原则，同权重情况下样式定义最近者为准;
• 载入样式以最后载入的定位为准;
• !important > id > class > tag

CSS3新增的伪类选择器

• p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。
• p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。
• p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。
• p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素。
• p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。
• :after 在元素之前添加内容,也可以用来做清除浮动。
• :before 在元素之后添加内容
• :enabled
• :disabled 控制表单控件的禁用状态。
• :checked 单选框或复选框被选中。

CSS