1.浏览器和对应的内核？
渲染引擎：
IE -> Trident
Firefox -> Gecko
Safari -> webkit
Chrome -> Blink（基于webkit）
Opera -> Blink（基于webkit）
JS引擎
IE -> Chakra
Firefox -> 最早SpiderMonkey 现在OdinMonkey
Safari -> webkit
Chrome -> V8（Node基于此）
Opera -> Caracan
2.行内（内联）元素和块级元素的区别？它们分别包含哪些标签？inline-block元素有什么特点？
行内元素：和其他元素在一行上，不能设置宽高和上下margin或padding，不能包含块级元素；
常见的行内元素：a,img,input,span,textarea,i,em,strong
块级元素：另起于新的一行，宽高和边距可控，可以包含行内以及块级元素。
常见的块级元素：div,p,h1~h6,table,ol,ul,form
inline-block：对内块级，对外内联。
3. 为什么HTML5 为什么只需要写 <!DOCTYPE HTML>？
因为HTML5不基于SGML（标准通用标记语言），所以不需要DTD解释标记语言（DTD规定标记语言的规则）。
doctype不正确会导致使用兼容模式，兼容模式向后兼容老版本，标准模式浏览器以最高标准渲染和解析JS。
4.XHTML和HTML的区别？
前者更加严格，XHTML是HTML向XML的过渡产物。
5.清除浮动的三种方法？
问题在于：若浮动，父元素无法被撑开，背景不显示，边距无作用。
clear:both 新增子元素，并设置浮动清除。
overflow:auto 给父元素设置overflow，需要zoom:1处理兼容问题。
:after 给父元素增加伪类，并设置浮动清除。
6.前端页面由哪三层构成？
结构层HTML
表示层CSS
行为层JS
7.盒模型
w3c盒模型：content、padding、margin、border
ie 盒子模型的 content 部分包含了 border 和 pading
8.css选择器
id、class、tag
子选择器、后代选择器、伪类选择器
9.CSS3新特性
圆角、渐变、阴影、旋转
10.HTML文档的由三种节点的构成？
元素节点 -> 文本节点 属性节点
11.HTML5新特性？
新的文档声明
语义化标签，比如 article、footer、header、nav
绘画canvas
用于媒介回放的video和audio元素
HTML5 地理定位
HTML5 Web 存储，localStorage和sessionStorage
HTML5 Web Workers，运行在后台的javascript
表单控件，calendar、date、time、email、url、search
WebSocket长连接
12.css隐藏元素
display:none
visibility:hidden
position
13.页面导入样式时，使用link和@import有什么区别？
link属于XHTML标签，除了加载CSS外，还能用于定义RSS,；而@import是CSS提供的，只能用于加载CSS。
页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载。
网友评论