本篇內(nèi)容主要講解“如何理解Discuzx系統(tǒng)CSS編碼規(guī)范與CSS屬性書寫順序”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“如何理解Discuzx系統(tǒng)CSS編碼規(guī)范與CSS屬性書寫順序”吧!

創(chuàng)新互聯(lián)建站服務(wù)項目包括陸河網(wǎng)站建設(shè)、陸河網(wǎng)站制作、陸河網(wǎng)頁制作以及陸河網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，陸河網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到陸河省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

1. 屬性寫在一行內(nèi)，屬性之間、屬性名和值之間以及屬性與“{}”之間須有空格，例如：.class { width: 400px; height: 300px; }

2. 屬性的書寫順序：

        2.1. 按照元素模型由外及內(nèi)，由整體到細節(jié)書寫，大致分為五組：
            位置：position,left,right,float
            盒模型屬性：display,margin,padding,width,height
            邊框與背景：border,background
            段落與文本：line-height,text-indent,font,color,text-decoration,...
            其他屬性：overflow,cursor,visibility,...
        2.2. 針對特殊瀏覽器的屬性，應(yīng)寫在標準屬性之前，例如：-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;

3. 謹慎添加新的選擇符規(guī)則，尤其不可濫用 id，盡可能繼承和復(fù)用已有樣式

4. 選擇符、屬性、值均用小寫（格式的顏色值除外），縮寫的選擇符名稱須說明縮寫前的全稱，例如 .cl -> Clearfix

5. 避免使用各種 CSS Hack，如需對 IE 進行特殊定義，請參閱下節(jié)“關(guān)于 CSS Hack 的說明”

6. 勿使用冗余低效的 CSS 寫法，例如：
        ul li a span { ... }

7. 慎用 !important

8. 建議使用在 class/id 名稱中的詞語

        6.1. 表示狀態(tài)：a->active
        6.2. 表示結(jié)構(gòu)：h->header,c->content,f->footer
        6.3. 表示區(qū)域：mn->main,sd->side,nv-navigation,mu->menu
        6.4. 表示樣式：l-list,tab,p_pop

9. 開發(fā)過程中的未定事項，須用 [!] 標出，以便于后續(xù)討論整理

到此，相信大家對“如何理解Discuzx系統(tǒng)CSS編碼規(guī)范與CSS屬性書寫順序”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！