JOB

分别列举3个行内元素、块级元素，说说他们的特性

块级元素：块级大多为结构性标记；div、address、h1、hr、pre、marquee、blockquote、ul、ol、form、table
1.总是从新的一行开始
2.高度、宽度都是可控的
3.宽度没有设置时，默认为100%
4.块级元素中可以包含块级元素和行内元素
行内元素：行内大多为描述性标记；span、a、br、strong、img、textarea、input
1.和其他元素都在一行
2.高度、宽度以及内边距都是不可控的
3.宽高就是内容的高度，不可以改变
4.行内元素只能行内元素，不能包含块级元素

列举三个常用控件

div、input、p

Lable标签的作用

为鼠标用户改进了可用性、扩大 绑定元素的点击范围
在单选按钮和复选按钮上经常被使用

b和strong、i和em的区别

粗体，前者偏向粗体，后者只为了强调，只是表现方式相同
斜体，同上

html中哪些标签可以通过http和服务端通信，他们是如何通信的

介绍一下标准的CSS的盒子模型，低版本IE的盒子模型有什么不同

在标准模式下，一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)
在怪异模式下，一个块的总宽度= width + margin(左右)（即width已经包含了padding和border值）

box-sizing

box-sizing值为content-box时：宽度和高度分别应用到元素的内容框，在宽度和高度之外绘制元素的内边距和边框
box-sizing值为border-box时：为元素设定的宽度和高度决定了元素的边框盒
box-sizing值为inherit时：规定应从父元素继承 box-sizing 属性的值

什么是固定布局、弹性布局

固定布局使用固定宽度的包裹层，不会因为用户扩大或缩小浏览器窗口而发生变化
弹性布局，又称为“flex布局”，可以简单、快速、响应式的实现各种布局页面

网页中应该使用奇数字体还是偶数字体

偶数字体，比较容易和页面中其他部分的字号构成一个比例关系

为什么要初始化CSS样式

消除浏览器差异，不同浏览器对有些标签的默认值是不同的，如果没对css初始化会出现浏览器之间的页面显示差异
提高编码质量，避免代码冗余

加载样式的方式有哪些，那种方式渲染方式最快

内联样式（行内样式）、内部引用（style）、外部引用（link）
行内样式最快

CSS选择符有哪些，排列一下优先级

!important>id选择器>类、伪类、属性选择器 > 标签、伪元素选择器>通配符

子元素可继承的父元素css属性

• 文本
  color(颜色，a元素除外)
  direction(方向)
  font（字体）
  font-family（字体系列）
  font-size（字体大小）
  font-style（用于设置斜体）
  font-variant（用于设置小型大写字母）
  font-weight（用于设置粗体）
  letter-spacing（字母间距）
  line-height（行高）
  text-align（用于设置对齐方式）
  text-indent（用于设置首航缩进）
  text-transform（用于修改大小写）
  visibility（可见性）
  white-space（用于指定如何处理空格）
  word-spacing（字间距）

• 列表
  list-style（列表样式）
  list-style-image（用于为列表指定定制的标记）
  list-style-position（用于确定列表标记的位置）
  list-style-type（用于设置列表的标记）

• 表格
  border-collapse（用于控制表格相邻单元格的边框是否合并为单一边框）
  border-spacing（用于指定表格边框之间的空隙大小）
  caption-side（用于设置表格标题的位置）
  empty-cells（用于设置是否显示表格中的空单元格）

• 其他
  cursor（鼠标指针）
  quotes（用于指定引号样式）

常见的css3伪类有哪些