前端基础面试题2

1.避免外边距折叠

inline-block元素的外边距 不会折叠
float元素的外边距 不会折叠
绝对定位(absolute、fixed)元素的外边距 不会折叠
对于父元素与子元素的外边距折叠，除了采用上面的3种方法，还可以为父元素添加overflow：hidden\auto,但由于overflow：hidden\auto会自动计算其元素高度，所以父元素高度会变高。

2.两种盒子模型

margin  ：  外边距
border  ：  边框
padding   ： 内边距
content  ：  内容区，显示文本和图像
在我们设置一个盒子时我们会设置它的 width 和 height，但是对于两种盒模型来说，他们的 width 和 height 的计算方式是不同的

IE盒子：width = content + padding + border
W3C盒子：width = content

3.css选择符

（一）元素选择符

1. E（某个元素,如p）
2. id（使用id，如#idName）
3. class（使用class，如.myclass）
4. 通配符：*

（二）关系选择符

1. 包含选择符:E F（E所有的F包含子代，孙代，子子孙孙等等）
2. 子选择符:E<F（与包含不同的是，子选择符仅限于子代）
3. 相邻选择符:E+F（和E相邻的F，相隔一个都不算）
4. 兄弟选择符:E~F（和E同级的F的算）

（三）属性选择符:

1. E[att]（E中带有某个att属性的元素）
2. E[att="val"] (E中带有att且值为val的元素)
3. E[att~="val"] (E中包含att属性，中存在val值)
4. E[att^="val"] (E中att属性值以val开头的元素)
5. E[att$="val"] (E中att属性值为以val结尾的元素)
6. E[att*="val"] (E中att属性值为包含val字符的元素)

7. E[att|=="val"] (E中att属性值为val 或者是val-连接的字符串)                                                                                                                                                                                                                                                                                                                                                      4.display属性值                                                             display的属性值有许多，较常用到的有：block、inline、list-item、none、inline-block等，还有可通过display属性值改变表格元素的table、inline-table、table-row等