2019web前端开发全新面试题库 二

　　一、为何要初始化CSS样式?

　　答案：由于浏览器的兼容问题，不一样浏览器对有些标签的默认值是不一样的，若是没对CSS初始化每每会出现浏览器之间的页面显示差别。

　　固然，初始化样式会对SEO有必定的影响，但鱼和熊掌不可兼得，但力求影响最小的状况下初始化。

　　二、浮动元素引发的问题?

　　答案：a. 父元素的高度没法被撑开，影响与父元素同级的元素

　　b. 与浮动元素同级的非浮动元素会跟随其后

　　c. 若非第一个元素浮动，则该元素以前的元素也须要浮动，不然会影响页面显示的结构

　　三、line-height三种赋值方式有何区别?(带单位、纯数字、百分比)?

　　答案：带单位：px不用计算，em则会使元素以其父元素font-size值为参考来计算本身的行高

　　纯数字：把比例传递给后代，例如父级行高为1.5，子元素字体为18px，则子元素行高为1.5*18=27px

　　百分比：将计算后的值传递给后代

　　四、 :link、:visited、:hover、:active的执行顺序是怎么样的?

　　答案：L-V-H-A，l(link)ov(visited)e h(hover)a(active)te，即用喜欢和讨厌两个词来归纳

　　五、css属性content有什么做用?有什么应用?

　　答案：css的content属性专门应用在 before/after 伪元素上，用于来插入生成内容，能够配合自定义字体显示特殊符号。

　　六、文字超出显示为省略号?

　　答案：//单行：

　　overflow: hidden;

　　text-overflow:ellipsis;

　　white-space: nowrap;

　　//多行：

　　display: -webkit-box;

　　-webkit-box-orient: vertical;

　　-webkit-line-clamp: 3;

　　overflow: hidden;

　　七、HTML5有哪些新增的表单元素?

　　答案：datalist datetime output date month week time color number range email url

　　八、用纯CSS建立一个三角形的原理是什么?

　　答案：首先，须要把元素的宽度、高度设为0。而后设置边框样式。

　　width: 0;

　　height: 0;

　　border-top: 40px solid transparent;

　　border-left: 40px solid transparent;

　　border-right: 40px solid transparent;

　　border-bottom: 40px solid #ff0000;

　　九、何时能够触发BFC?

　　答案：根元素，即html

　　float的值不为none(默认)

　　overflow的值不为visible(默认)

　　display的值为inline-block、table-cell、table-caption

　　position的值为absolute或fixed

　　十、style标签写在body后与body前有什么区别?

　　答案：页面加载自上而下 固然是先加载样式。

　　写在body标签后因为浏览器以逐行方式对HTML文档进行解析，当解析到写在尾部的样式表(外联或写在style标签)会致使浏览器中止以前的渲染，等待加载且解析样式表完成以后从新渲染，在windows的IE下可能会出现FOUC现象(即样式失效致使的页面闪烁问题)