9.内容生成

 1、什么是内容生成
        使用CSS动态的向某元素中插入一部分内容
    2、伪元素选择器
        1、:before 或 ::before
            作用：匹配到某元素的内容区域之前
            <p>(:before)举头望明月</p>
        2、:after 或 ::after
            作用：匹配到某元素的内容区域之后
            <p>低头思故乡(:after)</p>
    3、属性
        属性：content
        作用：向某位置处增加内容
        取值：
            1、字符串 ：用 "" 引起来的普通文本
            2、url() ：要生成一副图像显示在指定的位置处

        解决的问题：
            1、浮动元素父元素高度的问题
            .clear:after{
                content:"";
                display:block;
                clear:both;
            }
            2、子元素外边距溢出的问题
                #d2:before{
                    content:"";
                    display:table;
                }