信息: 內(nèi)容

CSS的一個重要優(yōu)勢是它可以幫助你將文檔內(nèi)容和其樣式分離。但是有時候在樣式而非文檔中定義一些內(nèi)容也是很有用的。

在樣式中可以定義文本內(nèi)容和圖片內(nèi)容。當內(nèi)容與文檔結構緊密相關的時候，你可以在樣式表中指定內(nèi)容。

更多細節(jié)

在樣式表中指定內(nèi)容會使事情變得復雜：你可能有多個語言版本的文檔共享同一個樣式表。如果樣式表的一部分需要翻譯，這就意味著你需要將這部分單獨保存在多個樣式表中，并在不同語言的文檔中引用。

如果你指定的內(nèi)容由通用符號和圖片組成的話，就不存在這個問題。

樣式表中指定的內(nèi)容不會成為DOM的一部分。

文本內(nèi)容

CSS可以在元素的前后插入文本：在選擇器的后面加上::before 或者 ::after 。在聲明中，指定 content 屬性，并設置文本內(nèi)容。

例

下面這條規(guī)則在所有類名包含 ref的元素前面加上 Reference:

更多細節(jié)

樣式表默認使用UTF-8字符集。也可以通過link屬性或樣式表以及其他方式指定。 參見 CSS規(guī)范中 4.4 CSS style sheet rePResentation

還可以通過轉義機制（通過反斜杠轉義）指定單個字符。比如， /265B 是國際象棋黑皇后的符號 ?。更多參見 Referring to characters not represented in a character encoding 和CSS規(guī)范中的 Characters and case。

圖片內(nèi)容

可以通過將content 屬性值設置為某個圖片的URL，可以將圖片插到元素的前面或后面。

例

下面這條規(guī)則在所有類名包含glossary的a標簽后面插入一個空格和一個圖標：

將圖片設置成元素的背景圖：將 background 的值設為圖片的URL。這是同時設置背景顏色，背景圖，圖片如何重復等的快捷寫法。

例

這條規(guī)則通過指定圖片URL設置特定元素的背景。

這是一個ID選擇器；no-repeat表示背景圖只出現(xiàn)一次，不重復:

更多細節(jié)

了解更多影響背景圖的屬性，以及其他背景圖選項，參見 background 。

實踐: 添加背景圖片

這幅圖是一個白方塊，底部有一條藍色實線:

下載上圖放到CSS同目錄下

編輯CSS文件，為body設置背景圖.

背景圖默認是 repeat（重復）的，無需明確指出。圖片在水平和垂直方向重復，最終呈現(xiàn)出橫格紙的效果：

?