移动web面试题总结02

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 中哪些属性可继承，哪些不可以？

能继承的属性

1. 字体系列属性：font、font-weight、font-size、font-style、font-family

2. 文本系列属性：

   2.1）内联元素：color、line-height、word-spacing、letter-spacing、 text-transform（转换不同元素中的文本）

   2.2）块级元素：text-indent（文本块中首行文本的缩进）、text-align

3. 元素可见性：visibility

4. 表格布局属性：

   caption-side（设置表格标题的位置）、

   border-collapse（设置表格的边框是否被合并为一个单一的边框）、

   border-spacing（设置相邻单元格的边框间的距离，仅用于"边框分离"模式）、

   empty-cells（设置是否显示表格中的空单元格,仅用于"分离边框"模式）、

   table-layout（设置表格布局算法）

5. 列表布局属性：list-style

不能继承的属性

1. display：规定元素应该生成的框的类型

2. 文本属性：vertical-align、text-decoration

3. 盒子模型的属性：width、height、margin 、border、padding

4. 背景属性：background、background-color、background-image

5. 定位属性：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 设置该元素后，元素虽然不可见了，但是依然占据空间的位置