块级元素和行内元素

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）行内块级元素

和相邻行内元素在同一行，但是元素之间会存在空白缝隙；

默认宽度是它本身内容的宽度；

宽度、高度、行高、外边距以及内边距都可以手动设置；