quotes
你會(huì)因?yàn)槟愕腃MS不知道如何正確轉(zhuǎn)換引用符號(hào)而糾結(jié)么？那么開(kāi)始使用quotes屬性吧。這樣你就可以自定義任何符號(hào)了。然后你就可以用:before和:after偽元素為任何期望的元素指定引號(hào)了，悲催的是，webkit瀏覽器不支持這個(gè)屬性——經(jīng)測(cè)試，chrome 11已經(jīng)開(kāi)始支持這個(gè)屬性了（之前的版本沒(méi)有測(cè)試）。
示例
前面的兩個(gè)符號(hào)決定第一級(jí)引用內(nèi)容的引號(hào)，后面的兩個(gè)用于二級(jí)引用，以此類推：
q {
quotes: '«' '»' "‹" "›";
}
下面兩行用于為選定元素指定引號(hào):
q:before {content: open-quote}
q:after {content: close-quote}
這樣，<p><q>This is a very <q>nice</q> quote.</q></p>看起來(lái)將會(huì)是醬紫的：
«This is a very ‹nice› quote.»
瀏覽器支持: CSS 2.1.,除了WebKit，IE 7和IE6的所有現(xiàn)代瀏覽器。不過(guò)chrome是支持的。。。
擴(kuò)展閱讀: W3C
問(wèn)題：要直接的添加符號(hào)，CSS文檔必須要設(shè)置為UTF-8嗎？這是一個(gè)很糾結(jié)的問(wèn)題。遺憾的是，我不能給出一個(gè)明確的答案。我的經(jīng)驗(yàn)是，不必要設(shè)置什么特定的字符集，然后utf-8字符集可能會(huì)出錯(cuò)，因?yàn)樗@示錯(cuò)掉的字符(比如”»”)。而是用iso-8859-1 字符集，一切就都是正常的。
W3C這樣描述：”由于上個(gè)例子中由’quotes’定義的引號(hào)方便的定位在電腦鍵盤(pán)上，高質(zhì)量的字符則需要不同的10646字符集�！�
你或許聽(tīng)說(shuō)過(guò)但是沒(méi)有記住的CSS3屬性
接近尾聲，讓我們重溫一些不太流行的以及不像border-radius和box-shadow那樣被廣泛需求的CSS3屬性。
text-overflow
或許你會(huì)常常遇到這個(gè)問(wèn)題：某個(gè)容器對(duì)于其內(nèi)的文字來(lái)說(shuō)太小了，然后你不得不用javascript來(lái)截?cái)嘧址⑻砑印薄狈?hào)以避免文字溢出。
忘掉它吧！采用CSS3和text-overflow: ellipsis，如果文字比它的容器的寬度要長(zhǎng)的話，你就可以強(qiáng)制文字以”…”結(jié)束它。唯一的要求是設(shè)置overflow:hidden。不幸的是，F(xiàn)irefox不支持這個(gè)屬性，但是貌似在最近的版本中將會(huì)提供支持。
示例
div {
width: 100px;
text-overflow: ellipsis;
}
瀏覽器支持: CSS 3，所有瀏覽器的最新版本，除了Firefox，IE從IE6開(kāi)始支持，據(jù)說(shuō)Firefox到6.0也會(huì)提供支持的——希望如此吧。
擴(kuò)展閱讀: W3C
出處：前端觀察
責(zé)任編輯：bluehearts
上一頁(yè) CSS的未來(lái):一些試驗(yàn)性CSS屬性 [6] 下一頁(yè) CSS的未來(lái):一些試驗(yàn)性CSS屬性 [8]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 7 頁(yè) CSS的未來(lái):一些試驗(yàn)性CSS屬性 [7]
