1. .box:before{content:"生成內容";}在.box內部的內容以前加上生成內容
2. .box:after{content:"生成內容";
color:red; font-weight:bold;}----只對生成的內容進行操做
3， css設計陷阱：子元素的margin越界問題
之前的解決方法：
1 用父元素的padding代替子元素的margin
2 給父元素設置邊框
3 在父元素中設置 overflow：hidden；
問題根本：是第一個元素纔會出現此問題，第二個元素不會越界
如今用內容生成解決：
父元素：before{content:""; display:table;}
沒有內容則高度爲0，也不容許其餘元素佔用一行，這樣，本來的第一個元素就會變成第二個
子元素的浮動對父元素及後續元素的影響
以往解決：後面元素加clear:both;
如今：.parent:after{content:'';display:table; clear:both;}