CSS内容生成

1、什么是内容生成
        使用css向某元素内插入一段内容
    2、伪元素选择器
        1、:before 或 ::before
            作用：匹配到某元素内容区域之前
            <p>(:before)窗前明月光</p>
        2、:after 或 ::after
            作用：匹配到某元素内容区域之后
            <p>疑是地上霜(:after)</p>
    3、属性
        属性：content
        作用：向匹配到的位置处增加内容
        取值：
            1、字符串 ：用 "" 引起来的普通文本
            2、url() ：生成一副图像
 
    4、解决问题
        1、浮动元素父元素高度问题
            .clear:after{
        content:"";
        /*变为块级 或 table*/
        display:block;
        /*清除两端浮动*/
        clear:both;
      }
        2、外边距的溢出问题
            <div id="d1"></div>
            <div id="d2">
                <div id="d3"></div>
            </div>
            #d2:before{
                content:"";
                display:table;
            }