块元素
block（块）元素的特点：
- 总在新的行开始；
- 高度、行高以及外边距和内边距都可控制；
- 宽度默认是容器的100%；
- 可以容纳内联元素和其他块元素。
块级元素包括：address-地址、blockquote-块引用、center-居中对齐块、dir-目录列表、div、dl、fieldset-form控制组、from-交互表单、h1-h6、hr、menu、ol、p、pre、table、ul等。
行内元素（内联元素）
a、abbr、acronym、b、br、big、cite、code、em、font、i、img、input、label、q-短应用、s-中划线（不推荐使用）、select、small、span、strike-中划线、strong、sub、sup、textarea-多行文本输入框
替换和不可替换元素
- 替换元素：替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。
如：img、input、textarea、select、object等。 - 不可替换元素
替换元素一般有内在尺寸，所以具有width和height，可以设定。例如你不指定img的width和height时，就按其内在尺寸显示，也就是图片被保存的时候的宽度和高度。
对于表单元素，浏览器也有默认的样式，包括宽度和高度。
blockquote与q的区别：
- 格式不同：<q>标签是行内元素，在内容的开始和结尾处会包有[“”]；<blockquote>是块级元素，默认有40px左右的外间距，不带[“”]
- 语义不同：<q>:引用的是小段的文字，<blockquote>：引用的是大段的内容块。
引号的形式可以定义：
q{quotes: '"' '"' "'" "'"} quotes：none不加引号
