显示模式 | 定义 | 常见元素 | 典型元素 | 特点 |
块级元素 | 每个块元素独自占据一行或多行,可以对其设置宽度,高度,对齐等属性,常用于网页布局和网页结构的搭建 | <h1>-<h6> <div>,<ul>,<ol> <li> | <div> |
|
行内元素 | 行内元素不占用独立的区域,仅仅依靠自身的字体大小和图像尺寸来支撑结构,一般不可以设置宽度,高度,对齐等属性,常用于控制页面中文本的样式 | <a><strong><em> <i><del><s><ins> <u><span>
| <span> |
|
行内块元素 |
| <img><input><td> |
|
|
注意:
- P里面不能放块级元素,同理h1-h6都是文字类块级标签,里面不能放其他块级元素
- 链接里面不能放链接
标签显示模式转换display
块转行内:display:inline
行内转块:display:block
块,行内转行内块:display:inline-block