前端面试题（五）

考点1：初始化样式

问题:什么是css初始化，css初始化有什么用

答：css初始化是重置浏览器的样式，不同浏览器对标签的默认值有所不同，如果没有css初始化会使得页面渲染出现差异

问题：有遇到margin重合情况吗，怎么解决的

答：同向重叠：（1）在最外层的div中加入overflow:hidden;zoom:1（2）在最外层加padding:1px;属性（3）在最外层加入：border:1px solid #cacbcc;异向重叠：这时候重叠之后的margin值由发生重叠两图片的最大值的决定的。

考点2：盒子模型

问题：说说你对盒子模型的理解

答：css盒子模型就是网页设计中常用的css思维模型，分别由外边距(margin），边框（border）

，内边距（padding），内容（center）组成。盒子模型是针对页面布局来使用，规范了我们页面的所有所有元素的一个布局规范是由外向内进行布局。

考点3:隐藏元素

问题：说说隐藏元素的方法有哪些，有什么区别

答：五种：（1）display:none:将display的属性改为none可以实现元素的隐藏，元素和盒子模型也不生成，被隐藏的元素不占位置，看不见摸不着，它会导致浏览器的重排和重绘。（2）visibility: hidden：和display:none的区别是它占位置，看不见但是摸得着，所以它只会导致浏览器重绘而不会重排。（3）opacity:0;会将元素变透明，占位置，看不见但是摸得着（4）overflow：hidden，将盒子溢出部分溢出隐藏（5）position，绝对定位，负值之后可以隐藏在浏览器边界外

考点4：消除浮动

问题：说说消除浮动的几种方法

答:（1）给父元素设置overflow：hidden（方便，常用）（2）给父元素设置高度（3）额外元素标签方法:1. 在父元素内容的最后添加一个块级元素 2. 给添加的块级元素设置clear：both（4）单伪元素方法（5）双伪元素方法

考点5：样式优先级

问题：说说选择器的优先级

答：内联样式>id选择器>类选择器=属性选择器=伪类选择器>标签选择器=伪元素选择器

考点6：css3新特性

问题：说说css3有哪些新增特性

答：比如弹性盒子，后代选择器，媒体查询，伪元素：：before和：：after,圆角：border-radius