一、cookies， sessionStorage 和 localStorage 的区别？
cookie 是网站为了标示用户身份而储存在用户本地终端（Client Side） 上的数据（通常经过
加密） 。
cookie 数据始终在同源的 http 请求中携带（即使不需要） ， 会在浏览器和服务器间来回
传递。
sessionStorage 和 localStorage 不会自动把数据发给服务器， 仅在本地保存。
存储大小：
cookie 数据大小不能超过 4k。
sessionStorage 和 localStorage 虽然也有存储大小的限制， 但比 cookie 大得多， 可以达
到 5M 或更大。
有期时间：
| localStorage | 存储持久数据， 浏览器关闭后数据不丢失除非主动删除数据； |
|---|---|
| sessionStorage 数据在当前浏览器窗口关闭后自动删除。 | |
| cookie | 设置的 cookie 过期时间之前一直有效， 即使窗口或浏览器关闭 |
二、iframe 有那些缺点？
1、iframe 会阻塞主页面的 Onload 事件；
2、搜索引擎的检索程序无法解读这种页面， 不利于 SEO;
使用 iframe 之前需要考虑这两个缺点。 如果需要使用 iframe， 最好是通过 javascript
动态给 iframe 添加 src 属性值， 这样可以绕开以上两个问题
三、Label 的作用是什么？ 是怎么用的？
label 标签来定义表单控制间的关系,当用户选择该标签时， 浏览器会自动将焦点转到和标签
相关的表单控件上。
<label for="Name">Number:</label>
<input type=“text“name="Name" id="Name"/>
<label>Date:<input type="text" name="B"/></label>
四、实现不使用 border 画出 1px 高的线， 在不同浏览器的标准模式与怪异模式下都能保持一致的效果。
<div style="height:1px;overflow:hidden;background:red"></div>
五、css 盒子模型
内容(content)、 填充(padding)、 边框(border)、 边界(margin)， CSS 盒子模式都具备这些属性
六、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） - 可继承的样式： font-size font-family color
- 不可继承的样式： border padding margin width height ;
