HTML網(wǎng)站建設(shè)教程：content屬性的字符串引用-CSS轉(zhuǎn)義
作者：佚名 時(shí)間：2014-03-21 分享到：
HTML網(wǎng)站建設(shè)教程：content屬性的字符串引用-CSS轉(zhuǎn)義以及content屬性的特性！
content屬性接受廣泛的值，范圍從簡單的字符串到自動(dòng)計(jì)數(shù)器引用。任意數(shù)目的這些值都用空格分割開，而且都包含在一個(gè)單獨(dú)的content屬性。瀏覽器可以鏈接這些值來形成一個(gè)單值，然后將它插入文檔中。
content值中最簡單的值是用引號括起來的字符串。在字符串中可以不包含HTMl或XHTML標(biāo)記。使用轉(zhuǎn)義序列（escape sequence）可以生成特殊的文本（比喻如，“\A” 會(huì)生成一個(gè)換行）。
CSS轉(zhuǎn)義序列與HTMl/XHTML字符實(shí)體類似。字符實(shí)體是以“&”符號開始的，后面跟有字符的名稱或十進(jìn)制值（后者要使用“#”值后綴），將帶有把斜杠（\）十六進(jìn)制字符放在CSS字符串內(nèi)容屬性值的前面，從此可以創(chuàng)建同樣的字符。序列“\A”與字符實(shí)體“
”是相同的。
content屬性還接受url值。URL是以樣式而不是像HTMl這樣的方式來表示的，它指向任何瀏覽器可接受的對象，其中包括文本、圖像或聲音文件等。例如，要在文檔中的每個(gè)等號前面放上一個(gè)裝飾符號，可以使用下列指令：
p.equation:before(content : url{"圖片路徑"})
請記住，對象不應(yīng)該包含HTML/XHTML標(biāo)記，因?yàn)闉g覽器會(huì)逐行把內(nèi)容插入到文檔中。
content屬性還支持根據(jù)上下文自動(dòng)生成正確的而且是特定于某場所的引號。用open-quote和close-quote關(guān)鍵字就可以插入它們。這些關(guān)鍵了插入適當(dāng)?shù)囊枺⒎謩e增加或者減少。還可以使用no-open-quote和no-close-quote關(guān)鍵字，它們可以在不插入引號的情況下，增加或者減速少的深度。
content屬性一個(gè)非常聰明的特性是其能夠讓瀏覽器顯示任何相關(guān)元素的屬性值。attr值有一個(gè)單獨(dú)的參數(shù)，它對應(yīng)著屬性的名稱。如果該屬性是為元素而定義的，其值就會(huì)插入到文檔中。例如，為了圖像之后顯示圖像的url，可以編寫下列指令：
img:after{content:"{"attr(src)"}"}
如果沒有為元素指定屬性，就不會(huì)插入內(nèi)容，但是content屬性（就像我們在上面的例子中包括進(jìn)去的圖括號）的其他值還是會(huì)被插入。
content屬性是最強(qiáng)大的特性之一是其能夠創(chuàng)建編號列表。 用content屬性指定引號
當(dāng)使用content屬性的open-quote和close-quote值插入引號時(shí)，你可以用quotes屬性控制用于引號的實(shí)際字符。
此屬性的值是一對或者很多對字符串。第一對對文檔中最外層的引用定義了開放和閉合的引號。下一對指定了下一層，等等。如果引號級別超出了提供的字符對，瀏覽器會(huì)用最外層的字符串對開始。請注意，當(dāng)多數(shù)語言使用單個(gè)字符作為引號時(shí)，你可以將任何長度的字符串指字為引號。
你還應(yīng)該在所用語言的基礎(chǔ)上指定替換的引號。可以使用“:lang”偽元素來將不同的引用屬性與不同的語言關(guān)聯(lián)起來。例如：
q:lang(en){quotes: “” “” “” “”} q:lang(no){quotes: "《" "》" "<" ">"}
這確保了英語和挪威語（Norwegian）文檔都使用各自的引號。
