DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局基本知識 >> global.css公共樣式模板與介紹
global.css公共樣式模板與介紹
編輯:布局基本知識     

 

CSS文件命名為global.css,一般此CSS文件是用於裝全站主要框架CSS樣式代碼和初始化的CSS樣式。

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

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

通常會放初始化CSS代碼如下:

body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4
{margin:0;padding:0;font-style:normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica,sans-serif}

ol, ul ,li{list-style: none;}
img {border: 0; vertical-align:middle;}
body{color:#000000;background:#FFF; text-align:center;}
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;}
a{color:#000000;text-decoration:none; }
a:hover{color:#BA2636;text-decoration:underline;}

以上代碼是初始化HTML常用的標簽默認CSS樣式,避免不同浏覽器對相同標簽已不同默認樣式,造成兼容問題,這樣初始化一次可以避免這些問題。

相關推薦閱讀
1、css初始化
2、css初始化模板
3、html+css模板

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved