首先給大家分享我的及CSS網頁使用的開頭CSS模板;HTML+CSS模板divcss5初始化XHTML(DIV+CSS初始化模板)
此處提供DIVCSS5每次開發項目時候使用的DIV+CSS模板初始化最基本的模板模塊。
暫時展示UTF-8版模板代碼
每次新開發頁面的共同可用的CSS代碼模板如下：
- @charset "utf-8";
- /* DIVCSS5 - www.yfzzdoors.com */
- body, div,iframe, ul, ol, dl, dt, dd, li, dl,
h1, h2, h3, h4, table,th, td, input, button, select,
textarea {margin:0; padding:0;
font-style: normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif;}
/* \5B8B\4F53 宋體 更多中文字體
轉換Unicode編碼表網址 http://www.yfzzdoors.com/jiqiao/j325.shtml */- 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:#F00;}
- .red ,.red a{ color:#F00;}
- .blue ,.blue a{ color:#1E51A2;}
- .lf{float:left;}
- .rt{float:right;}
- .pt5{padding-top:5px;}
- .pb5{padding-bottom:5px;}
- #header ,#main ,#footer{ margin:0 auto;
width:980px; overflow:hidden}- #main_left{ float:left;}
- #main_right{ float:right;}
說明下這個首先是對全站的CSS進行一次初始化，并重新賦予新屬于，這樣來統一整站樣式。
每次新開發頁面的HTML代碼模板如下：
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>DIVCSS5-HTML模板 UTF-8 - www.yfzzdoors.com </title>
- <meta name="keywords" content="關鍵詞" />
- <meta name="description" content="關鍵詞描述" />
- <link rel="stylesheet" href="images/style.css" />
- <!-- www.yfzzdoors.com DIV+CSS技術學習和資源分享平臺 -->
- <script src="JS文件路徑地址" type="text/javascript"></script>
- </head>
- <body>
- <a href="http://www.yfzzdoors.com/">DIVCSS5</a>
歡迎您使用初始化的HTML+CSS模板！<br />- 學習網址： www.yfzzdoors.com
- <div class="clear"></div>
- <span style="display:none">DIVCSS5提示這里可以放置網站統計代碼</span>
- </body>
- </html>
希望divcss5整理的div+css模板對你有用！希望您也把你的經驗分享給大家！
推薦大家下載打包文件進行使用以免亂碼。
為大家節約每次開發CSS項目時候準備時間。
1、本模板包括了UTF-8版和GB2321（GBK）版編碼的HTML文件模板+CSS文件模板
2、模板html中已經做好了link引入CSS文件
3、使用時候選擇需要編碼版本初始化模板，推薦與你使用程序編碼一致，避免亂碼
4、下載地址： （壓縮文件包括了UTF-8編碼模板和GBK2312編碼模板）
如需轉載，請注明文章出處和來源網址：http://www.yfzzdoors.com/template/m17.shtml
