HTML中块级元素与行内元素

块级元素与行内元素

块级元素

1. 总是在新行上开始，占据一整行；
2. 高度，行高以及外边距和内边距都可以控制；
3. 宽带始终是与浏览器宽度一样，与内容无关；
4. 可以容纳内联元素和其他块元素。

行内元素

1. 和其他元素都在一行上；
2. 高，行高及外边距和内边距部分可以改变；
3. 宽度只与内容有关；
4. 行内元素只能容纳文本或者其他行内元素。

设置宽度width 无效。

设置高度height 无效，可以通过line-height来设置。

设置margin 只有左右margin有效，上下无效。

设置padding 只有左右padding有效，上下则无效。

注意元素范围是增大了，但是对元素周围的内容是没影响的。

块级元素列表

• address——定义地址
• blockquote——块引用
• center——举中对齐块
• dir——目录列表
• div——常用块级容易，也是css layout的主要标签
• dl——定义列表
• fieldest——form控制组
• form——交互表单
• h1——大标题
• h2——副标题
• h3——3级标题
• h4——4级标题
• h5——5级标题
• h6——6级标题
• hr——水平分隔线
• isindex-input prompt menu——菜单列表
• noscript——可选脚本内容（对于不支持script的浏览器显示此内容）
• noframes——frames可选内容（对于不支持frame的浏览器显示此区块内容）
• ol——有序列表
• p——段落
• pre——格式化文本
• table——表格
• ul——无序列表

行内元素列表

• a——锚点
• abbr——缩写
• acronym——首字
• b——粗体（不推荐）
• strong——粗体强调
• bdo——bidi override
• big——大字体
• br——换行
• cite——引用
• code——计算机代码（在引用源码的时候需要）
• dfn——定义字段
• em——强调（斜体）
• i——斜体
• font——字体设定（不推荐）
• img——图片
• input——输入框
• kbd——定义键盘文本
• label——表格标签
• q——短引用
• s——中划线（不推荐）
• samp——定义范例计算机代码
• select——项目选择（下拉框）
• small——小字体文本
• span——常用内联容器，定义文本内区块
• strike——中划线
• sub——下标
• sup——上标
• textarea——多行文本输入框
• tt——电传文本
• u——下划线
• var——定义变量

可变元素为根据上下语境决定该元素为块元素或者内联元素

• applet——java applet
• button——按钮
• del——删除文本
• iframe——inline frame
• ins——插入的文本
• map——图片区块(map)
• object——object对象
• script——客户端脚本