Web前端面试试题及答案： html和CSS面试题目汇总

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

块级元素IV P H1 H2 FORM ul

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该属性提供信息

阅读推荐

Web前端面试题：call()与apply()区别

Web前端面试题：link与@import导入样式的区别