块元素
页面独占一行,默认宽度撑满父级元素,默认高度由内容撑开,可以设置 CSS
- 主体结构标签:
<html>
,<body>
- 排版元素:
<h1>-<h6>
,<hr>
,<pr>
,<pre>
,<div>
- 列表元素:
<ul>
,<ol>
,<li>
,<dl>
,<dt>
,<dd>
、 - 表格相关标签:
<table>
,<tbody>
,<thread>
,<tfoot>
,<tr>
,<caption>
<form>
与<option>
行内元素
页面不独占一行,一行放不下,下一行从左到右继续排列,默认宽度、高度都由内容撑开,无法通过 CSS 设置宽高
- 文本标签:
<br>
,<em>
,<strong>
,<sup>
,<sub>
,<del>
,<ins>
<a>
和
行内块元素
不占一行,一行放不下,下一行从左到右继续排列,默认宽度、高度都由内容撑开,可以通过 CSS 设置宽高
- 图片:
<img>
- 单元格:
<td>
,<th>
- 表单控件:
<input>
,<select>
,<textarea>
,<button>
- 框架标签:
<iframe>
修改各类元素显示模式 display
值 | 描述 |
---|---|
none | 元素被隐藏 |
block | 作为块级元素显示 |
inline | 作为行内元素显示 |
inline-block | 作为行内块级元素显示 |