1、Doctype作用？标准模式与兼容模式各有什么区别？
1 告知浏览器的解析器用什么文档标准解析
2标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。
2、HTML5为什么只需写<!DOCTYPE HTML>
HTML5不基于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）
3、行内元素有哪些？块级元素有哪些？空(void)元素有哪些？
行内元素：a,b,span,img,input,select,strong
块级元素：div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,p
空元素:<br> <hr> <input><img>
4、页面导入样式时，link与@import有什么区别？
1 link属于xhtml标签，除了加载css外，还能用于定义Rss，定义rel连接属性等作用
@import是css提供的，只能用于加载css
2 页面加载时，link会同时被加载，而@import引用的css会等到页面被加载完再加载
3import是css2.1提出的，只在IE5以上才能被识别，而link是xhtml标签，无兼容问题。
5、对浏览器内核的理解？
主要分为两个部分：渲染引擎和JS引擎
渲染引擎： 负责取得网页的内容、整理讯息，以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
JS引擎：解析和执行javascript来实现网页的动态效果
6、常见的浏览器内核有哪些？
Trident内核：IE、360、搜狗浏览器等。（又称MSHTML）
Gecko内核：火狐
Presto内核：Opera7+（原为Presto，后为Blink）
Webkit:Chrome,Safari等。（Chrome：Blink（Webkit的分支））
7、html5有哪些新特性？
canvas绘画
video audio
本地离线存储 localStorage 浏览器关闭后数据不丢失
sessionStorage浏览器关闭后数据丢失
article,footer,header,nav,section
等等
8、Cookie sessionStorage和localStorage的区别
cookie是网站为了标示用户身份而存储在本地终端上的数据，它的数据会在浏览器和服务器之间来回传递。
sessionStorage和localStorage只在本地
存储大小：
Cookie大小不超过4k
sessionStorage和localStorage 可以达到5M或更大
有效时间：
Cookie 设置的过期时间之前一直有效
localStorage 存储持久数据 ，浏览器关闭后数据不丢失除非主动删除数据
sessionStorage在浏览器窗口关闭后自动删除。
9、CSS选择符有哪些？哪些属性可以继承？
1id选择器（#id）
2类选择器(.myclassname)
3标签选择器(div,h1,p)
4相邻选择其(h1+p)
5子选择器(ul>li)
6后代选择器(li a)
7通配符选择器(*)
8属性选择器(a[rel="external"])
9伪类选择器(a:hover,li:nth-child)
可继承：font-size,font-famliy color, ul,li,dl,dd,dt
不可继承：border,padding,margin,width,height
10、CSS优先级算法如何计算？
优先级就近原则，同权重情况下样式定义最近者为准
载入样式以最后载入的定位为准
优先级：
!important>id>class>tag
important>内联式>嵌入式>外部式
11、css新增伪类？
p:first-of-type
p:last-of-type
p:only-of-type
p:only-child
p:nth-child(2)
:enabled
:disabled
:checked
来源：https://zhuanlan.zhihu.com/p/23739138
8万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
