关于css:块级元素与行内元素整理

4次阅读

共计 756 个字符,预计需要花费 2 分钟才能阅读完成。

块级元素:

大多数为结构性标记:

<address>...</adderss>
<center>...</center> 地址文字
<h1>...</h1> 题目一级
<h2>...</h2> 题目二级
<h3>...</h3> 题目三级
<h4>...</h4> 题目四级
<h5>...</h5> 题目五级
<h6>...</h6> 题目六级
<hr> 程度分割线
<p>...</p> 段落
<pre>...</pre> 预格式化 , 用于保留计算机源码.
<blockquote>...</blockquote> 段落缩进 前后 5 个字符
<marquee>...</marquee> 滚动文本
<ul>...</ul> 无序列表
<ol>...</ol> 有序列表
<dl>...</dl> 定义列表
<table>...</table> 表格
<form>...</form> 表单
<div>...</div>

行内元素:

<span>...</span>
<a>...</a> 链接
<br> 换行
<b>...</b> 加粗
<strong>...</strong> 加粗
<img > 图片
<sup>...</sup> 上标
<sub>...</sub> 下标
<i>...</i> 斜体
<em>...</em> 斜体
<del>...</del> 删除线
<u>...</u> 下划线
<input>...</input> 文本框
<textarea>...</textarea> 多行文本
<select>...</select> 下拉列表 

块级元素的特点:

1. 总是从新的一行开始
2. 高度、宽度都是可控的
3. 宽度没有设置时,默认为 100%
4. 块级元素中能够蕴含块级元素和行内元素

行内元素的特点:

1. 和其余元素在一行中;
2. 高度、宽度以及内边距都是不可控的
3. 宽高就是内容的高度,不能够扭转
4. 行内元素只能行内元素,不能蕴含块级元素

正文完
 0