css的架構——global.css

標籤：style   class   blog   code   color   strong   

global.css，一般這個css檔案是用於裝全站主要架構css樣式代碼。

“global”翻譯為全域、全部。從翻譯中大家也能理解global.css用於做什麼。大站常常用於裝全站公用的CSS樣式選取器。

全站能重複調用的CSS樣式都放入此CSS檔案內，可以節約樣式代碼、規範、有利於調用辨別。同時日後修改全站某處相同地方時候，由於全站公用部分樣式集中於此global.css檔案內，所以修改此檔案內對應一處CSS樣式即可完成對全站布局修改，節約時間方便管理。

@charset "utf-8";/*全域樣式*/body { margin:0 auto; font:normal normal normal 12px/150% Verdana; color:#333; }ul { list-style:none;margin:0;padding:0;}dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form { margin:0;padding:0;}/* 字型設定 */a,span,em,li,dd,dt,h4,h5,h6 {font:normal normal normal 1em/150% Verdana;}h1,h2 { font:normal normal bold 1.2em/150% Verdana;}h3 { font:normal normal bold 1em/150% Verdana;}h4 { font:normal normal normal 1em/150% Verdana;}/* 其它 */.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

其實跟base.css也差不多，只是各司其職而已。

 

當然也會出現其他的css，例如layout.css // 管理頁面的布局，typeset.css // 圖文的編排與，color.css // 統一管理顏色的搭配，print.css // 列印效果樣式，ie.css // 把對ie的hack單獨分開，header.css // 頭部的所有樣式，container.css // 除頭部/底部外的中間地區樣式，footer.css // 底部樣式。