块级、行内以及行内块标签

（一）块级标签

块级标签：作为容器，可嵌套其他块级或行内标签元素（不管标签的内容有多少，都要占据一行）:div，段落，标题，有序和无序列表，自列表标签选项，定义列表，头部，尾部，导航，表单，表格等标签

1. div（区块标签：大）
2. p（p标签不可以嵌套其他块级标签）
3. h1~h6
4. ol
5. ul
6. li
7. dl
8. dt
9. dd
10. header
11. footer
12. nav
13. form
14. table

（二）行内标签

行内块标签：sapn、 img、a、label、code、input、abbr、em、b、big、cite、i、q、textarea、select、small、sub、sup，strong、u、li、ins、del、dfn、kbd、var

1. span（区块标签：小）
2. a
3. strong
4. b
5. ins
6. del
7. i
8. br

行内标签应该注意的：

• 没有宽高，内容多大就多大（行内标签不要嵌套块级标签，a除外）
• 行内标签设置宽高无效，可以对行高line-height进行设置
• 可以设置外边距margin和内边距padding，但只对左右边距有效果，上下无效
• 主要有span，链接，强调，加粗，下划线，删除线，斜体,换行标签等

（三）行内块标签

行内块标签：特殊的行内标签（可设置高宽）图片，输入框标签。

• input
• img

三种属性标签之间的切换方法：利用display属性

• 行内标签转块级标签：display:block;
• 块级转行内：display:inline;
• 块级转行内块：display:inline-block。