CSS常见样式

块级元素和行内元素有哪些？区别

1

块级元素

列表	意义
address	联系方式
dd	定义列表中定义条目的描述
dl	定义列表
div	文档分区
fieldset	表单元素分组
form	表单
h1~h6	标题
hr	水平分割线
noscript	不支持脚本或禁用脚本时显示的内容
ol	有序列表
ul	无序列表
p	行
pre	预格式化文本
table	表格
tfoot	表脚注

H5新增：

列表	意义
article	文章内容
aside	伴随内容
audio	音频播放
canvas	绘制图形
figcaption	图文信息组标题
figure	图文信息组（参照 ）
footer	区段尾或页尾
header	区段头或页头
hgroup	标题组
output	表单输出
section	一个页面区段
video	视屏

行内元素

图片.png

区别

区别一：

0_1483690381952_图片.png

行内元素不会单独占一行
块级元素单独占一行
区别二：

0_1483690528124_图片.png

0_1483690683054_图片.png

块级元素有宽高 行内元素无宽高
区别三：

0_1483690893599_图片.png

块级元素可以设置内边距 行内元素设置纵向内边距无效 ，横向内边距有效
区别三：

0_1483691634312_图片.png

块级元素可以设置外边距 行内元素设置纵向外边距无效，可以设置横向外边距
区别四：
块级元素可以包含行内元素和块级元素
行内元素只能包含行内元素和文本