1.列举 5 个以上的 H5 input 元素 type 属性值？
| 值 | 描述 |
|---|
| text | 默认。定义单行输入字段，用户可在其中输入文本。默认是 20 个字符 | | password | 定义密码字段。字段中的字符会被遮蔽 | | radio | 定义单选按钮 | | checkbox | 定义复选框 | | submit | 定义提交按钮。提交按钮向服务器发送数据 | | button | 定义可点击的按钮（大多与 JavaScript 使用来启动脚本） | | email | 定义用于 e-mail 地址的文本字段 | | search | 定义用于搜索的文本字段 | | file | 定义输入字段和 "浏览..." 按钮，供文件上传 | | hidden | 定义隐藏输入字段 | | image | 定义图像作为提交按钮 | | url | 定义用于 URL 的文本字段 | | number | 定义带有 spinner 控件的数字字段 | | color | 定义拾色器 | | date | 定义日期字段（带有 calendar 控件） | | month | 定义日期字段的月（带有 calendar 控件） | | time | 定义日期字段的时、分、秒（带有 time 控件） |
2.CSS 中哪些属性可继承，哪些不可以？
能继承的属性
-
字体系列属性：font、font-weight、font-size、font-style、font-family -
文本系列属性： 2.1）内联元素：color、line-height、word-spacing、letter-spacing、 text-transform（转换不同元素中的文本） 2.2）块级元素：text-indent（文本块中首行文本的缩进）、text-align -
元素可见性：visibility -
表格布局属性： caption-side（设置表格标题的位置）、 border-collapse（设置表格的边框是否被合并为一个单一的边框）、 border-spacing（设置相邻单元格的边框间的距离，仅用于"边框分离"模式）、 empty-cells（设置是否显示表格中的空单元格,仅用于"分离边框"模式）、 table-layout（设置表格布局算法） -
列表布局属性：list-style
不能继承的属性
-
display：规定元素应该生成的框的类型 -
文本属性：vertical-align、text-decoration -
盒子模型的属性：width、height、margin 、border、padding -
背景属性：background、background-color、background-image -
定位属性：float、clear、position、top、bottom、left、right、min-width、 min-height、max-width、max-height、overflow、clip
clip属性，让你指定一个绝对定位的元素，该尺寸应该是可见的，该元素被剪裁成这种形状并显示。
注意：如果先有"overflow：visible"，clip属性不起作用。
| 值 | 描述 |
|---|
| shape | 设置元素的形状。唯一合法的形状值是：rect (top, right, bottom, left) | | auto | 默认值。不应用任何剪裁。 | | inherit | 规定应该从父元素继承 clip 属性的值。 |
3.CSS 单位中 px、em 和 rem 的区别？
1、px 像素（Pixel）。绝对单位。像素 px 是相对于显示器屏幕分辨率而言的，是一 个虚拟长度单位，是计算机系统的数字化图像长度单位
2、em 是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对象行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。它会继承父级元素的字体大小因此并不是一 个固定的值
3、rem 是 CSS3 新增的一个相对单位（root em，根 em），使用 rem 为元素设定字体大小 时，仍然是相对大小，但相对的只是 HTML 根元素
4.rem 适配方法如何计算 HTML 根字号及适配方案？
通用方案
1、设置根 font-size：625%（或其它自定的值，但换算规则 1rem 不能小于 12px）
2、通过媒体查询分别设置每个屏幕的根 font-size
3、CSS 直接除以 2 再除以 100 即可换算为 rem
5.display：none 与 visibility：hidden 的区别？
元素隐藏和显示最常用的为 display:none 和 visibility:hidden
dispaly:none 设置该属性后，该元素下的元素都会隐藏，占据的空间消失
visibility:hidden 设置该元素后，元素虽然不可见了，但是依然占据空间的位置
|