利用CSS，不通過replace替換標(biāo)引HTML標(biāo)記

2020-03-24 19:22:28

字體：大中小

供稿：網(wǎng)友

其實(shí)css也是將HTML從數(shù)據(jù)和表現(xiàn)分離的有力工具。石頭的CSS Oriented Design：COD非常合我的口味，摒棄TOD(Table Oriented Design)還真不是意見容易的事情，但是一旦實(shí)現(xiàn)，系統(tǒng)本身就實(shí)現(xiàn)了分工和協(xié)作：就能像Winamp一樣換皮膚了，從而發(fā)揮用戶最大的能動(dòng)性。最直接的例子就是本網(wǎng)站使用的MT系統(tǒng)，所有的STYLE都來自MovableStyle，。需求：將XML結(jié)果集中的 b 顯示成紅色，其實(shí)完全可以通過客戶端的CSS實(shí)現(xiàn)：
代碼如下：首先

blockquote

利用CSS，不通過replace替換 b 標(biāo)引 /b HTML標(biāo)記

/blockquote

利用CSS，不通過replace替換 b 標(biāo)引 /b HTML標(biāo)記

這樣：
在CSS中定義了：b {color:red;}

后，所有的 b 除了加粗外，還有紅色的屬性，為了防止整個(gè)頁面中的其他 b 都被標(biāo)紅，我將結(jié)果都放在一個(gè)
blockquote

中，然后再在CSS中定義：

style !--

blockquote b {color:red;}

//--

/style

由于CSS的繼承關(guān)系，只有所有在blockquote中的 b 才會(huì)被標(biāo)紅：

通過設(shè)置 font-weight:normal 甚至可以讓 b 字體變細(xì)。通過這個(gè)問題：得出一下2個(gè)結(jié)論
1 設(shè)計(jì)帶有標(biāo)引的對(duì)外搜索服務(wù)時(shí)，可以使用 b 做為標(biāo)記
2 在客戶端，可以通過CSS來實(shí)現(xiàn)控制。關(guān)于：CSS, Accesibility and Standards Links后記：
也曾經(jīng)一段時(shí)間非常追求XML/XSLT/CSS的數(shù)據(jù)/結(jié)構(gòu)/表現(xiàn)分離的理念。但是XSLT實(shí)施成本的確比較高，所以Resin上開發(fā)了基于XHTML的輕量級(jí)模板技術(shù)，我覺得還挺人性的 ASP .net的實(shí)現(xiàn)也是類似。可能沒有最好的模式，只有最合適的模式：關(guān)鍵還是要看開發(fā)本身的復(fù)雜程度
數(shù)百行代碼過程性編程效率可能最高；
千行代碼量可能面向函數(shù)開發(fā)效率最高；
萬行代碼量時(shí)，可能就不得不OO了；本文作者:html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

上一篇：CSS Hack整理

下一篇：CSS兼容要點(diǎn)總結(jié)