五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 365文章 > 從空格談web標準CSS模塊化設計

從空格談web標準CSS模塊化設計

文章來源:365jz.com     點擊數(shù):193    更新時間:2009-06-12 21:38   參與評論

一、空格運算符

(1)CSS語言

簡單地說,CSS語言類似JS語言,是通過客戶端下載后,通過本地瀏覽器解析。而CSS語言又是非常低級的“弱類型”語言,離JS這種基于對象的比較完善的“弱類型”語言,還差相當一段距離。要知道CSS樣式是定義出來的,而樣式的呈現(xiàn)是根據(jù)文檔流順序和CSS優(yōu)先級別,瀏覽器自己識別計算后顯示出來的。而瀏覽器又有忽略和糾錯功能(尤以IE為甚),所以樣式定義的語法有錯誤,并不影響瀏覽器正常工作,只不過顯示不出應有的效果罷了。在我們設計定義樣式的時候,排錯是比較令人苦惱的,其本質原因是于這種弱類型CSS語言本身的不嚴禁性有關系的,所以我們就更應該注重CSS定義的嚴禁,才能出較少的錯誤,較快更好的完成工作。

(2)CSS的運算符

首先說,CSS語言的運算符就不多,有.#{}:";還有一個非常重要的空格。這幾個運算符,都是常用的定義聲明符號。而在CSS樣式定義中,空格就有點特殊,我們可以把它視為在.Net或Java中命名空間或類包定義中的 . 運算符。換句話說,我們可以把空格視為路徑指向的箭頭,表明HTML標簽的父子級別關系。CSS是與HTML想關聯(lián)的,也就是說,CSS的每一個定義都與“某個HTML標簽”或“某段模塊化HTML代碼”相對應,而HTML可以調用多個樣式類。一個CSS樣式類可以根據(jù)HTML代碼來“復合定義”;一個HTML標簽也可以“復合調用”多個樣式類。所以說,CSS樣式定義的復雜性與關聯(lián)的HTML是密不可分。

(3)實例說明

以下為引用的內容:

<style type="text/css">
td .b { 
       color:#00ff00; 
}
th.b {  
       color:#ff0000;
       font-family:黑體;
       font-size:20px;
}
.b {
       color:#0000ff;
       font-size:12px;
}
</style>
<table>
       <tr>
              
              <td><div class="b">第一個類b的類路徑是th .b</div></td> 
              <th class="b">第二個類b的類路徑是th.b</td>
              <td class="b">第三個類b的類路徑是 .b</th>
       </tr> 
</table>
<div class="b">第三個類b的類路徑是 .b</div>

講解:

1、第一個類b的類路徑是td .b,定義該HTML文檔內所有的td標簽內的帶class="b"的標簽的樣式 。

以下為引用的內容:

td .b { 
       color:#00ff00; 
}

如對本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會為你解答!! 點擊進入論壇

發(fā)表評論 (193人查看,0條評論)
請自覺遵守互聯(lián)網(wǎng)相關的政策法規(guī),嚴禁發(fā)布色情、暴力、反動的言論。
昵稱:
最新評論
------分隔線----------------------------

其它欄目

· 建站教程
· 365學習

業(yè)務咨詢

· 技術支持
· 服務時間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權所有 鄂ICP備17013400號