(一)块级标签
块级标签:作为容器,可嵌套其他块级或行内标签元素(不管标签的内容有多少,都要占据一行):div,段落,标题,有序和无序列表,自列表标签选项,定义列表,头部,尾部,导航,表单,表格等标签
- div(区块标签:大)
- p(p标签不可以嵌套其他块级标签)
- h1~h6
- ol
- ul
- li
- dl
- dt
- dd
- header
- footer
- nav
- form
- 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
- span(区块标签:小)
- a
- strong
- b
- ins
- del
- i
- br
行内标签应该注意的:
- 没有宽高,内容多大就多大(行内标签不要嵌套块级标签,a除外)
- 行内标签设置宽高无效,可以对行高line-height进行设置
- 可以设置外边距margin和内边距padding,但只对左右边距有效果,上下无效
- 主要有span,链接,强调,加粗,下划线,删除线,斜体,换行标签等
(三)行内块标签
行内块标签:特殊的行内标签(可设置高宽)图片,输入框标签。
- input
- img
三种属性标签之间的切换方法:利用display属性
- 行内标签转块级标签:display:block;
- 块级转行内:display:inline;
- 块级转行内块:display:inline-block。