显示模式------行内元素、块元素,行内块元素

 1、块级显示模式:常见的块级元素有<h1>~<h6>,<p>,<ul>,<ol>,<li>
            最典型的是div标签
            特点:
                1.独占一行
                2.宽度、高度、外边距以及内边距都可以控制
                3.宽度默认是容器的100%
                4.是一个容器及盒子,里面可以放行内或者块级元素
            注意:
                1.p标签只能装文字,不能放块级元素
                2.h标签也是同样的
2.inline-value:行内元素也称为内联元素
            常见的行内元素:
                <a>,<b>,<strong>,<em>,<del>,<i>,<s>,<ins>,<u>,<span>等
                其中span最为典型 
        行内元素特点:
            1.相邻的行内元素在一行上排列,一行可以显示多个
            2.宽度和高度直接设置是无效的
            3.默认宽度就是他本身内容的宽度
            4.行内元素只能容纳文本或其他行内元素
        注意:
            1、<a>标签内不能再放<a>标签了
            2、特殊情况下a里面可以放块级元素,但是需要将a转换成块级模式
 3、行内块元素:inline-block
        常见的有;<img />,<input />,<td>,可以对他们设置宽高和对齐属性
        
        特点:
            1.相邻的行内元素在一行上,但是之间会有空白缝隙,一行可以显示多个
            2,默认宽度就是他本身内容的宽度
            3,高度,行高,外边距以及内边距都可以控制
原文地址:https://www.cnblogs.com/woaiacfun/p/13787572.html