Rollinmu

HTML中块级元素和行内元素的区别

HTML中块级元素和行内元素的区别：

块级元素

总是在新行上开始；
高度，行高以及外边距和内边距都可控制；
宽度缺省是它的容器的100%，除非设定一个宽度；
它可以容纳内联元素和其他块元素

行内元素

和其他元素都在一行上；
高，行高及外边距和内边距不可改变；
宽度就是它的文字或图片的宽度，不可改变
内联元素只能容纳文本或者其他内联元素

对行内元素，需要注意如下：

设置宽度width 无效。设置高度height 无效，可以通过line-height来设置；
设置margin只有左右margin有效，上下无效；
设置padding只有左右padding有效，上下则无效。
注意元素范围是增大了，但是对元素周围的内容是没影响的。

区别：

行内元素会在一条直线上排列，都是同一行的，水平方向排列。

块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。
块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。
行内元素与块级元素属性的不同，主要是盒模型属性上：
行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。

html中的块级元素：


标签	描述
	定义文档中的节。
	定义地址。
	定义文章。
	定义页面内容之外的内容。
	定义声音内容。
	定义长的引用。
	定义图形。

定义表格标题。
	定义围绕表单中元素的边框。
	定义元素的细节。
	定义 section。
	定义 section 或 page 的页眉。
	定义 section 或 page 的页脚。
to	定义 HTML 标题。
	定义供用户输入的 HTML 表单。
	定义 fieldset 元素的标题。
	定义命令的列表或菜单。
	定义预定义范围内的度量。
	定义导航链接。
	定义输出的一些类型。
	定义段落。
	定义预格式文本。
	定义日期/时间。