行内元素与块元素

块元素

block（块）元素的特点：

1. 总在新的行开始；
2. 高度、行高以及外边距和内边距都可控制；
3. 宽度默认是容器的100%；
4. 可以容纳内联元素和其他块元素。
   块级元素包括：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-多行文本输入框

替换和不可替换元素

1. 替换元素：替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。
   如：img、input、textarea、select、object等。
2. 不可替换元素

替换元素一般有内在尺寸，所以具有width和height，可以设定。例如你不指定img的width和height时，就按其内在尺寸显示，也就是图片被保存的时候的宽度和高度。
对于表单元素，浏览器也有默认的样式，包括宽度和高度。

blockquote与q的区别：

1. 格式不同：<q>标签是行内元素，在内容的开始和结尾处会包有[“”]；<blockquote>是块级元素，默认有40px左右的外间距，不带[“”]
2. 语义不同：<q>:引用的是小段的文字，<blockquote>：引用的是大段的内容块。
   引号的形式可以定义：
   q{quotes: '"' '"' "'" "'"} quotes：none不加引号