CSS的一個重要優勢是它可以幫助你將文檔內容和其樣式分離。但是有時候在樣式而非文檔中定義一些內容也是很有用的。
在樣式中可以定義文本內容和圖片內容。當內容與文檔結構緊密相關的時候，你可以在樣式表中指定內容。
更多細節
在樣式表中指定內容會使事情變得復雜：你可能有多個語言版本的文檔共享同一個樣式表。如果樣式表的一部分需要翻譯，這就意味著你需要將這部分單獨保存在多個樣式表中，并在不同語言的文檔中引用。
如果你指定的內容由通用符號和圖片組成的話，就不存在這個問題。
樣式表中指定的內容不會成為DOM的一部分。
CSS可以在元素的前后插入文本：在選擇器的后面加上::before 或者 ::after 。在聲明中，指定 content 屬性，并設置文本內容。
例
下面這條規則在所有類名包含 ref的元素前面加上 Reference:
.ref::before { font-weight: bold; color: navy; content: "Reference: ";}更多細節
樣式表默認使用UTF-8字符集。也可以通過link屬性或樣式表以及其他方式指定。 參見 CSS規范中 4.4 CSS style sheet rePResentation
還可以通過轉義機制（通過反斜杠轉義）指定單個字符。比如， /265B 是國際象棋黑皇后的符號 ?。更多參見 Referring to characters not represented in a character encoding 和CSS規范中的 Characters and case。
可以通過將content 屬性值設置為某個圖片的URL，可以將圖片插到元素的前面或后面。
例
下面這條規則在所有類名包含glossary的a標簽后面插入一個空格和一個圖標：
a.glossary::after {content: " " url("../images/glossary-icon.gif");}將圖片設置成元素的背景圖：將 background 的值設為圖片的URL。這是同時設置背景顏色，背景圖，圖片如何重復等的快捷寫法。
例
這條規則通過指定圖片URL設置特定元素的背景。
這是一個ID選擇器；no-repeat表示背景圖只出現一次，不重復:
#sidebar-box {background: url("../images/sidebar-ground.png") no-repeat;}更多細節
了解更多影響背景圖的屬性，以及其他背景圖選項，參見 background 。
這幅圖是一個白方塊，底部有一條藍色實線:
下載上圖放到CSS同目錄下
編輯CSS文件，為body設置背景圖.
background: url("Blue-rule.png");背景圖默認是 repeat（重復）的，無需明確指出。圖片在水平和垂直方向重復，最終呈現出橫格紙的效果：
?
新聞熱點
疑難解答
