2017最新Web前端面试试题及答案: html和CSS面试题目汇总

2017最新Web前端面试试题及答案: html和CSS面试题目汇总,下面给大家分享一下。

2017最新Web前端面试试题及答案

1.对web标准以及w3c的理解和认识

答:标签闭合,标签小写,不乱嵌套,提高搜索机器人搜索几率。使用外链css和js脚本,结构行为表现分离,内容能被更多广泛的设备所访问,更少的代码和组件,容易维护,改版方便,不需要变动页面内容。

2.Html和xhtml有什么区别?

html是一种基本的web网页设计语言,xhtml是一个基于XML的置标语言。

最主要的不同:

XHTML元素必须正确的被嵌套,元素必须关闭,标签必须小写,必须有根元素。

3.严格模式和混杂模式的区分,以及如何触发这2种模式?

严格模式就是浏览器根据web标准去解析页面,是一种要求严格的DTD,不允许使用任何表现层的语法;

如:混杂模式是一种向后兼容的解析方法。

触发标准模式或者说严格模式很简单,就是Html前申明正确的DTD,触发混杂模式可以在html文档开始不声明DTD,或者在DOCTYPE前加入XML声明

4.行内元素有哪些?块级元素有哪些?CSS盒模型

行内元素:br span input a

块级元素:div p h1~h2 form ul ol li dl dt dd

CSS盒模型内容:padding border margin

5.css引入的方式有哪些?link和@import的区别?

引入方式3种:行内添加定义style属性值,页面头部内内嵌调用和外链调用;

区别:

1.link是xhtml标签,除了加载css外,还可以定义RSS等其他事务,@import只能加载CSS;

2.link引用CSS时候,页面载入的时候同时加载,@import需要网页完全载入后才加载;

3.link是XHTML标签,没有兼容问题,@import是在CSS2.1提出的,低版本的浏览器不支持;

4.link支持使用javascript控制DOM去改变样式,但是@import不支持。

6.CSS选择符有哪些?优先级算法如何计算?内联和Important哪个优先级高

回答:

CSS选择符有类选择符,属性选择符,ID选择符,优先级算法是基于特殊性/值进行计算的。

分别如下:

ID属性 0.1.0.0;

类属性选择器,属性选择器,伪类 0.0.1.0 元素选择符,伪元素选择符 0.0.0.1;

通配选择器对特殊性没有任何贡献值;

important优先级高。

7.前端页面有哪三层构成,分别是什么,作用是什么?

回答:结构层:html  表示层:css  行为层:js

8.页面的哪些浏览器你测试过,分别内核是什么?

IE(IE内核),火狐(Gecko),谷歌(webkit),opera(presto)

9.img标签上的title和alt属性区别是什么?

alt:是当图片不能正常显示的时候,用文字代替;

title:该属性提供信息



原文链接:HelloWeb前端网 » 2017最新Web前端面试试题及答案: html和CSS面试题目汇总 » 感谢您的浏览,希望能有所帮助。

欢迎您加入“Helloweb” 学习交流群:HelloWeb-学习交流群 196291215 共同交流并结识同行,在这里说出您的收获与感想或有什么不同的观点,我们期待您的留言,分享,让我们一起进步!

喜欢 ()or分享