CSS內容生成

一、什麼是內容生成
        使用css向某元素內插入一段內容
    二、僞元素選擇器
        一、:before 或 ::before
            做用：匹配到某元素內容區域以前
            <p>(:before)窗前明月光</p>
        二、:after 或 ::after
            做用：匹配到某元素內容區域以後
            <p>疑是地上霜(:after)</p>
    三、屬性
        屬性：content
        做用：向匹配到的位置處增長內容
        取值：
            一、字符串 ：用 "" 引發來的普通文本
            二、url() ：生成一副圖像
 
    四、解決問題
        一、浮動元素父元素高度問題
            .clear:after{
        content:"";
        /*變爲塊級 或 table*/
        display:block;
        /*清除兩端浮動*/
        clear:both;
      }
        二、外邊距的溢出問題
            <div id="d1"></div>
            <div id="d2">
                <div id="d3"></div>
            </div>
            #d2:before{
                content:"";
                display:table;
            }css