前端面试题集及答案：CSS盒子模型、box-sizing属性、选择器与属性继承。

CSS选择器有哪些? 1. 元素选择器 2. 类选择器 3. ID选择器 4. 子元素选择器 5. 后代元素选择器 6. 相邻兄弟选择器 7. 通用选择器 8. 属性选择器 9. 伪类选择器 10. 伪元素选择器 哪些属性可以继承? 1. font-family 2. font-size 3. font-weight 4. font-style 5. color 6. text-align 7. line-height 8. list-style 9. letter-spacing 10. word-spacing 介绍一下标准的CSS盒子模型? 标准的CSS盒子模型是由内容区域（content）、内边距（padding）、边框（border）、外边距（margin）组成的。这四个部分依次包裹在一个盒子中，分别控制了元素的内容、内边距、边框和外边距的样式和大小。 与低版本IE的盒子模型有什么不同的? 在低版本IE中，盒子模型的计算方式与标准盒子模型略有不同。低版本IE的盒子模型中，宽度的计算方式为内容宽度(content) + 边框宽度(border) + 内边距(padding)，而在标准盒子模型中，宽度的计算方式为内容宽度(content) + 边框宽度(border) + 内边距(padding) + 外边距(margin)。 box-sizing属性是用来控制元素的盒子模型的解析模式的。box-sizing属性有两个可选值，分别是content-box和border-box。 1. content-box: 这是W3C的标准盒子模型。设置元素的height/width属性指的是内容部分的高/宽。 2. border-box: 这是IE传统盒子模型。设置元素的height/width属性指的是边框(border) + 内边距(padding) + 内容(content)部分的高/宽。 综上所述，CSS选择器有多种类型，如元素选择器、类选择器、ID选择器等。一些属性可以被继承，如字体样式、颜色等。标准的CSS盒子模型由内容、内边距、边框和外边距组成，而低版本IE的盒子模型计算宽度时不包含外边距。box-sizing属性可以控制元素的盒子模型解析模式，有两个可选值：content-box和border-box。