前端面试题----HTML与CSS(随机排序)

1 Doctype 作用？ 严格模式与混杂模式如何区分？它们有何意义？

（1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。

（2）、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。

（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

（4）、DOCTYPE 不存在或格式不正确会导致文档以混杂模式呈现。

2 五大浏览器以及内核？

Chrome 内核 Blink

Safari 内核 Webkit

Opera 内核 Blink

Firefox 内核 Gecko

IE 内核 Trident

3 对语义化如何理解？

用正确的标签做正确的事情！（根据元素的内容选择合适的标签）

HTML 语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；

在没有样式 CCS 情况下也以一种文档格式显示，并且是容易阅读的。

搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。

使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

4 css样式引入方式

行内引入：css样式写在标签上。

内嵌引入： css样式写在style标签中，css样式是嵌入在当前页面中。

外链引入： 通过link引入外边的css文件。

5 css基本选择器？那权重呢？

类型选择器 ： div{css样式}

类选择器 ： .类名{css样式}

ID选择器：   #id名{css样式}

通配符选择器 ： *{css样式}

以下是权重的规则：标签的权重为 1，class 的权重为 10，id 的权重为 100，以下例子是演示各种定义的权重值：/_ 权重为 1_ /div{}/_ 权重为 10_/.class1{}/_ 权重为 100_/#id1{}/_ 权重为 100+1=101_/#id1 div{}/_ 权重为 10+1=11_ /.class1 div{}/_ 权重为 10+10+1=21_/.class1 .class2 div{} 如果权重相同，则最后定义的样式会起作用，但是应该避免这种情况出现        

6 css复合选择器有哪些？

后代选择器  选择器1 选择器2{css样式}

子代选择器   选择器1 > 选择器2{css样式}

交集选择器 选择器1选择器2{css样式}

群组选择器  选择器1,选择器2...,选择器n{css样式}

伪类选择器   选择器:伪类{css样式}

7 XHTML 和 HTML 有什么区别？

（1）、HTML 是一种基本的 WEB 网页设计语言，XHTML 是一个基于 XML 的置标语言最主要的不同：

（2）、XHTML 元素必须被正确地嵌套。

（3）、XHTML 元素必须被关闭。标签名必须用小写字母。

（4）、XHTML 文档必须拥有根元素。

8 请描述一下 cookies，sessionStorage 和 localStorage 的区别？

cookie 在浏览器和服务器间来回传递。 sessionSt