當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

運用CSS,不通過replace替換標引HTML標記

運用CSS,不通過replace替換標引HTML標記

更新時間:2020-12-25 文章作者:未知 信息來源:網絡 閱讀次數:

網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。

其實css也是將HTML從數據和表現分離的有力工具。石頭的CSS Oriented Design:COD非常合我的口味,摒棄TOD(Table Oriented Design)還真不是意見容易的事情,但是一旦實現,系統本身就實現了分工和協作:就能像Winamp一樣換皮膚了,從而發揮用戶最大的能動性。最直接的例子就是本網站使用的MT系統,所有的STYLE都來自MovableStyle,。

需求:將XML結果集中的<b>顯示成紅色,其實完全可以通過客戶端的CSS實現:
代碼如下:

首先

<blockquote>

利用CSS,不通過replace替換<b>標引</b>HTML標記

</blockquote>

利用CSS,不通過replace替換<b>標引</b>HTML標記

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

后,所有的<b>除了加粗外,還有紅色的屬性,為了防止整個頁面中的其他<b>都被標紅,我將結果都放在一個<
blockquote>

中,然后再在CSS中定義:

<style><!--

blockquote b {color:red;}

//-->

</style>

由于CSS的繼承關系,只有所有在blockquote中的<b>才會被標紅:

通過設置 font-weight:normal 甚至可以讓<b>字體變細。

通過這個問題:得出一下2個結論
1 設計帶有標引的對外搜索服務時,可以使用<b>做為標記
2 在客戶端,可以通過CSS來實現控制。

關于:CSS, Accesibility and Standards Links

后記:
也曾經一段時間非常追求XML/XSLT/CSS的數據/結構/表現分離的理念。但是XSLT實施成本的確比較高,所以Resin上開發了基于XHTML的輕量級模板技術,我覺得還挺人性的 ASP .net的實現也是類似。

可能沒有最好的模式,只有最合適的模式:關鍵還是要看開發本身的復雜程度
數百行代碼過程性編程效率可能最高;
千行代碼量可能面向函數開發效率最高;
萬行代碼量時,可能就不得不OO了;

大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

亚洲嫩草影院久久精品