块级元素、行内元素和行内块元素

1、块级元素

*每个块元素通常都会独占一行或者是多行，可以单独设置高、宽以及对齐属性

*常见块元素：

div 、p、h1-h6、form、ul、ol、dd、dt、li、table、tr、td、th、hr

*特点：

       ·块级元素会独占一行

       ·高度、行高、外边距和内边距都可以单独设置

       ·宽度默认是容器的100%

       ·可以容纳内联元素和其他的块级元素

2、行内元素(内联元素)

*不占有独立的区域，仅仅依靠自己的字体大小或者是图像大小来支撑结构。一般不可以设置宽度，高度及对齐属性

*常见的元素有：

span、img、a、label(表格标签)、code(计算机代码)、input、abbr(缩写)、i(斜体)、em(强调)、b(加粗)、cite(引用)、q(短引用)、select(项目选择)、small(小字体文本)、strong(粗体强调)、sup(上标)、sub(下标)、textarea(文本域)、u(下划线)、var(定义变量)

*特点：

        ·和相邻的行内元素在一行上

        ·高度和宽度无效，但是水平方向上的padding和margin可以设置，垂直方向上的无效

        ·默认的宽度就是他本身的宽度

        ·行内元素只能容纳纯文本或者是其他的行内元素(a标签除外)

*注意

·只有文字才能组成段落，因此类似p、h1-h6、dt、等里面不能放块级元素；因为他们都是文字块级标签，里面不能再放其他的块级标签

·链接里面不能再存放链接

3、行内块级元素

*再行内块级元素有几个特殊的标签，img，input，td，可以设置他们的宽度以及对齐属性。

*特点：

       ·和相邻的行内元素(行内块)在一行上，但是中间会有空白的间隙

       ·默认的宽度就是本身内容的宽度

       ·高度、行高、内边距、外边距都可以设置