1.定义
(1)块级元素
--每个块级元素通常都会独占一行,可以设置其宽度、高度、对齐样式等属性,常用于网页布局和网页结构的搭建。常见的块级元素有<div><h1>-<h6><p><ul><ol><li>等等。其中<div>是最典型的块级元素。
(2)行内元素
--行内样式不占有独立的区域,仅仅依靠自身的字体大小和图像尺寸来支撑起结构,一般不设置宽度、高度、对齐方式等属性,设置了这些属性在网页中也不会表现出来,常用于控制页面中文本的样式。常见的行内元素有<a><strong><b><em><i><del><s><ins><u><span>等等,其中<span>标签是最典型的行内元素。
(3)行内块级元素
--在行内块级元素中存在这一些特殊的标签,比如<img><input><td>可以设置他们的宽高以及赌对齐属性,我们把这一类特殊的标签定义为行内块级元素,行内块级元素综合了块级元素和行内元素的不同特点。
2.特点
(1)块级元素
总是从新行开始;
高度、行高、外边距以及内边距都可以控制;
宽度默认是容器的100%;
可以容纳内联元素和其他块级元素;
(2)行内元素
和相邻行内元素在行内;
宽、高无效,但是水平方向的padding和margin可以设置,垂直方向的无效;
默认宽度是它本身内容的宽度;
行内元素只能容纳文本或其他行内元素;
(3)行内块级元素
和相邻行内元素在同一行,但是元素之间会存在空白缝隙;
默认宽度是它本身内容的宽度;
宽度、高度、行高、外边距以及内边距都可以手动设置;