5. 各类元素总结
块元素
页面独占一行,默认宽度撑满父级元素,默认高度由内容撑开,可以设置 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 | 作为行内块级元素显示 |
哪有什么胜利可言,坚持意味着一切。如想使用请备注转载链接~

浙公网安备 33010602011771号