如果想在默認(rèn)模板上簡單的修改、附加擴展css，只需要在你對應(yīng)的模板套系下手動添加一個對應(yīng)的擴展css文件就可以了，例如你想修改或者添加common.css中的代碼，只需要在自己創(chuàng)建的模板套系目錄的對應(yīng)位置：common文件夾下新建一個extend_common.css文件，然后將自己要修改或者擴展的css代碼。將在生成緩存css時，自動追加到默認(rèn)模板的css文件tmplate/default/common/common.css解析成你當(dāng)前的模板id緩存文件。
CSS 繼承規(guī)范：
discuz! X系列產(chǎn)品中 CSS 文件會在緩存時按照以下順序進(jìn)行合并：
template/default/*.css 文件。
當(dāng)默認(rèn)模板是非默認(rèn)模板時，template/模板目錄/extend_*.css 文件 或 template/模板目錄/*.css。
當(dāng)某插件啟用時，source/plugin/插件目錄/template/extend_*.css 文件。
因此非默認(rèn)模板目錄中的 CSS 屬性將繼承默認(rèn)模板中的 CSS 屬性，插件目錄中的 CSS 文件將繼承前二者的 CSS 屬性。
CSS 自身的集成順序為：當(dāng) CSS 屬性名稱相同時，CSS 文件中，寫在后面的替換前面的代碼。
CSS書寫規(guī)范：
屬性寫在一行內(nèi)，屬性之間、屬性名和值之間以及屬性與“{}”之間須有空格，例如：.class { width: 400px; height: 300px; } 。
屬性的書寫順序：
位置：position,left,right,float
盒模型屬性：display,margin,padding,width,height
邊框與背景：border,background
段落與文本：line-height,text-indent,font,color,text-decoration,...
其他屬性：overflow,cursor,visibility,...
針對特殊瀏覽器的屬性，應(yīng)寫在標(biāo)準(zhǔn)屬性之前，例如：-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;
按照元素模型由外及內(nèi)，由整體到細(xì)節(jié)書寫，大致分為五組：
謹(jǐn)慎添加新的選擇符規(guī)則，尤其不可濫用 id，盡可能繼承和復(fù)用已有樣式
選擇符、屬性、值均用小寫（格式的顏色值除外），縮寫的選擇符名稱須說明縮寫前的全稱，例如 .cl -> Clearfix
勿使用冗余低效的 CSS 寫法，例如：ul li a span { ... }
慎用 !important
建議使用在 class/id 名稱中的詞語
表示狀態(tài)：a->active
表示結(jié)構(gòu)：h->header,c->content,f->footer
表示區(qū)域：mn->main,sd->side,nv-navigation,mu->menu
表示樣式：l-list,tab,p_pop
常用css實例：
兼容IE瀏覽器css hack
所有 IE瀏覽器適用：
.ie_all .foo { ... }
IE6 專用：
.ie6 .foo { ... }
IE7 專用：
.ie7 .foo { ... }
IE8 專用：
.ie8 .foo { ... }
浮動樣式及浮動元素父元素高度自適應(yīng)樣式代碼：
.z/.y 浮動 left/right .z { float: left; } .y { float: right; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
大標(biāo)題字體：
.wx, .ph { font-family: "Microsoft YaHei", "Hiragino Sans GB", STHeiti, Tahoma, SimHei, sans-serif; font-weight: 100; }
外邊距樣式：
.mtn { margin-top: 5px !important; }
.mbn { margin-bottom: 5px !important; }
.mtm { margin-top: 10px !important; }
.mbm { margin-bottom: 10px !important; }
.mtw { margin-top: 20px !important; }
.mbw { margin-bottom: 20px !important; }
文字字體大小：
.xs0 { font-family: {SMFONT}; font-size: {SMFONTSIZE}; -webkit-text-size-adjust: none; }
.xs1 { font-size: 12px !important; }
.xs2 { font-size: 14px !important; }
.xs3 { font-size: 16px !important; }
內(nèi)邊距樣式：
.ptn { padding-top: 5px !important; }
.pbn { padding-bottom: 5px !important; }
.ptm { padding-top: 10px !important; }
.pbm { padding-bottom: 10px !important; }
.ptw { padding-top: 20px !important; }
.pbw { padding-bottom: 20px !important; }
module.css文件架構(gòu)解析（此文件必須按照格式編寫）：
/** group::index **/
/* 群組 index 模塊使用的CSS */
/** end **/
/** group::index,forum::index **/
/* 群組 index 和 論壇 index 模塊使用的CSS */
/** end **/
/** forum **/
/* 論壇 所有模塊使用的CSS */
/** end **/
實現(xiàn)模塊化css分部加載！格式固定多個模塊用”，“隔開例如：
/** misc::invite,group,forum::viewthread,portal::view,home::space **/
這個文件的分部加載是對應(yīng)程序地址例如：forum.php?mod=forumdisplay，應(yīng)當(dāng)按照CURSCRIPT::$mod格式寫即：forum::forumdisplay。 | 
