8.30总结

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

Doctype是标准通用标记语言的文档类型声明，目的告诉浏览器使用怎么样的文档类型定义(DTD)来解析文档。分怪异模式（混杂模式）和严格模式两种。主要影响css。严格模式是按照该浏览器支持的最高标准；混杂模式宽松的向后兼容方式显示防止旧站点无法工作。

• HTML5 为什么只需要写 ？

HTML5不基于SGML(标准通用标记语言)，所以不需要对DTD进行引用。但需要doctype规范浏览器的行为。

• 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

行内：span、a、img、strong、em、input……
块级：div、p、ul、li、hr、table……
空元素:br、hr

• 页面导入样式时，使用link和@import有什么区别？

导入css的两种方法：

  < link ref="" href="" type="">  < style type="">       @import url("style.css") ; </ style>

最主要的区别是：link不仅仅能引用css还能引用声明页面链接属性、目录等等。而@import只能调用css

• 介绍一下你对浏览器内核的理解、并写出私有前缀

Trident ：IE ； -ms-
Gecko ： FireFox； -moz-
Presto ：Opera ； -o-
Webkit ：Safari、Chrome。 -webkit-

• 简述一下你对HTML语义化的理解

根据内容的结构化，选择合适的标签，便于让开发者写出易明白的代码和利于爬虫、浏览器很好的解析。在没有css的情况下还能呈现内容结构、有利于SEO。

• title与h1的区别、b与strong的区别、i与em的区别

Title可以包含h1。一个页面最好只有一个h1，多个h1可能会造成搜索引擎不知道哪个标题最重要，淡化页面标题和关键词。从SEO角度h1比title权重大。
b与strong;i与em，它们的区别就再于一个是物理元素，一个是逻辑元素。b与i最主要的作用是起样式的作用，而strong和em更注重“强调”这个作用，强调文档逻辑，逻辑对于SEO影响更大。所以物理元素注重样式、告诉浏览器怎样显示这段文字；而逻辑元素更注重逻辑关系、告诉浏览器这些文字的重要性。

• CSS优先级算法如何计算

元素标签中+1000；id选择器+100；class选择器+10；元素选择符+1。
原则一：继承不如指定；
原则二：#id>.class>标签选择符； 标签 .class > .class

• display有主要哪些值？说明他们的作用

display:none; 该元素不会显示
display:block; 块级元素，该元素前后会带有换行符
display:inline; 默认，内联元素，前后没有换行符
display:inline-block; 行内块元素
display:inherit; 从父元素中继承display属性

• position的值及他们对应的定位原点

position:relative; 相对于正常位置生成相对定位元素
position:absolute; 相对于第一个非static父元素生成绝对定位
position:fixed; 相对于浏览器窗口生成绝对定位元素。
position:inherit; 从父元素中继承position属性值