html和CSS面试题目归总 css的面试题

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

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

2.Html和xhtml有什么区别？

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

最主要的不同:

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

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

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

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

触发标准模式或者说严格模式很简单，就是Html前申明正确的DTD，出发混杂模式可以在html文档开始不声明DTD，或者在DOCTYPE前加入XML声明<?xml version='1.0' encoding='utf-8'>

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

行内元素: br span input a

块级元素:DIV P H1 H2 FORM ul

CSS盒模型内容:padding border margin

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

引入方式3种：行内添加定义style属性值，页面头部内内嵌调用和外链调用，外部引用有2种：link和@import ，外部引用两种方式分别是

XML/HTML代码：

<link rel='stylesheet' href='css文件' type='text/css' media='all' />

<style type='text/css' media='screen'>

@import url('css文件');

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