我欲封天耳根小说零,好看的历史书籍推荐,穿越小说完本

一、關(guān)于注釋

在創(chuàng)建xhtml+CSS網(wǎng)站時(shí)，CSS中的注釋非常重要。在創(chuàng)建CSS樣式時(shí)，應(yīng)當(dāng)保持隨手注釋的習(xí)慣。一般的，我習(xí)慣于使用“/* 注釋內(nèi)容 */”的格式來(lái)寫(xiě)注釋，因?yàn)樵贓ditPlus等具有高亮功能的編輯器里，使用C語(yǔ)言中常用的“/***************/”之類的注釋是無(wú)意義的，沒(méi)有必要填充大量無(wú)意義內(nèi)容作為分隔。帶有注釋的文檔作為網(wǎng)站的原始CSS文檔，在發(fā)布網(wǎng)站的時(shí)候，可以使用CSS壓縮工具壓縮CSS，在輸出的CSS中去掉注釋以提高文件傳輸效率。

二、關(guān)于命名

在給CSS文件命名的時(shí)候，我比較喜歡使用符合語(yǔ)義的英文名或者縮寫(xiě)命名，在非常用部分也許會(huì)用部分拼音命名。另外，在某些有從屬關(guān)系的class里，我可能會(huì)使用類似“l(fā)ist_banner”之類的命名，即父元素名加上“_”再加上元素名。

關(guān)于命名，可以根據(jù)團(tuán)隊(duì)設(shè)計(jì)師的習(xí)慣進(jìn)行協(xié)商。但最好在命名之后加上注釋，以便將來(lái)生成文檔備查。

三、關(guān)于繼承性

在CSS中，要善用繼承性。比如在兩個(gè)嵌套的div中，父元素定義了background-color屬性為黑色，如果子元素的背景同為黑色，則不需重復(fù)定義。善于利用CSS的繼承性可以讓代碼更有效、更精簡(jiǎn)。

四、關(guān)于CSS定義的層次

在定義CSS中的class時(shí)，建議使用層次分明的方式來(lái)描述語(yǔ)句。

示例結(jié)構(gòu)：

div id="menu">
  div class="menulist">
    div class="selectit">/div>
  /div>
/div>
示例CSS：

#menu { ... }
#menu .menulist { ... }
#menu .menulist .selectit { ... }
在上例中，從最終效果來(lái)看，#menu沒(méi)有必要重復(fù)出現(xiàn)，但是實(shí)際上如果能夠在前面加上#menu，將會(huì)讓文檔的層次更加明了，更利于閱讀。

五、關(guān)于樣式排序

在設(shè)計(jì)CSS樣式表時(shí)，我們大多是手寫(xiě)代碼，這樣很容易造成class中的樣式排序混亂。比如有幾個(gè)class中用到了padding、margin、background、color等樣式，但是排序的時(shí)候，有的class是background比較靠前，有的是margin比較靠前。這樣就造成了一定的混亂，容易讓思路受挫。我建議個(gè)人或者團(tuán)隊(duì)的設(shè)計(jì)師協(xié)定一個(gè)大致順序，這樣從個(gè)別來(lái)說(shuō)看不出太大差別，但從整體上將更加易于閱讀和管理，整體效率會(huì)提高不少。

比如，我默認(rèn)將width、height和padding、margin、border等放在較靠前的位置，background其次，然后是控制文本的font、color、text-align等，接著是某些特殊標(biāo)簽才能用到的元素，像list-style等，最后是css濾鏡。當(dāng)遇到特殊情況時(shí)（比如CSS某些屬性的優(yōu)先級(jí)需要定義）可以靈活處理。

就總結(jié)到這里了，火德歡迎大家補(bǔ)充、指正。

標(biāo)簽：濰坊玉樹(shù) 昭通大同商洛石家莊深圳濰坊

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《網(wǎng)頁(yè)編輯中CSS樣式表技巧總結(jié)》，本文關(guān)鍵詞網(wǎng)頁(yè),編輯,中,CSS,樣式,表,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。

濮阳杆衣贸易有限公司

網(wǎng)頁(yè)編輯中CSS樣式表技巧總結(jié)