面试重点

为什么要初始化 CSS 样式

因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。
当然，初始化样式会对 SEO 有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。
最简单的初始化方法是：*{padding:0;margin:0} (不建议)

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input,   
        textarea, th, td { margin:0; padding:0; }   
        body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }   
        h1, h2, h3, h4, h5, h6{ font-size:100%; }   
        address, cite, dfn, em, var { font-style:normal; }   
        code, kbd, pre, samp { font-family:couriernew, courier, monospace; }   
        small{ font-size:12px; }   
        ul, ol { list-style:none; }   
        a { text-decoration:none; }   
        a:hover { text-decoration:underline; }   
        sup { vertical-align:text-top; }   
        sub{ vertical-align:text-bottom; }   
        legend { color:#000; }   
        fieldset, img { border:0; }   
        button, input, select, textarea { font-size:100%; } table { border-collapse:collapse; border-spacing:0; }  

介绍一下 CSS 的盒子模型

1）有两种，IE 盒子模型、标准 W3C 盒子模型； IE 的 content 部分包含了 border 和 padding；
2）盒模型：内容（content）、填充（padding）、边界（margin）、边框（border）。

src与href的区别

href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。
src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

display:none和visibility:hidden的区别

display:none:隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素会合拢， 就当他从来不存在。

visibility:hidden:隐藏对应的元素，但是在文档布局中仍保留原来的空间。

CSS 选择符有哪些

1）id 选择器（#myid）
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）

怎么解决 display:inline-block 之间显示间隙问题？

1、移除空格（div之间回车）
2、使用margin 负值
3、使用 font-size:0
4、letter-spacing
5、word-spacing

HTML语义化的理解

1）用正确的标签做正确的事情；
2）html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；
3）即使在没有样式css情况下也以一种文档格式显示，并且是容易阅读的；
4）搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO；
5）使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。