福彩幸运武林开奖 ?
歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > DIV+CSS模塊 >

CSS模板與HTML模板實用于每次新開發頁面使用

首先給大家分享我的及CSS網頁使用的開頭CSS模板;HTML+CSS模板divcss5初始化XHTML(DIV+CSS初始化模板)

此處提供DIVCSS5每次開發項目時候使用的DIV+CSS模板初始化最基本的模板模塊。

暫時展示UTF-8版模板代碼

每次新開發頁面的共同可用的CSS代碼模板如下:

  1. @charset "utf-8"; 
  2. /* DIVCSS5 - www.mcowk.com.cn */ 
  3. 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.mcowk.com.cn/jiqiao/j325.shtml */ 
  4. ol, ul ,li{list-style: none;} 
  5. img {border: 0; vertical-align:middle;} 
  6. body{color:#000000;background:#FFF; text-align:center;} 
  7. .clear{clear:both;height:1px;width:100%;
     overflow:hidden; margin-top:-1px;} 
  8. a{color:#000000;text-decoration:none; }  
  9. a:hover{color:#F00;} 
  10.  
  11. .red ,.red a{ color:#F00;} 
  12. .blue ,.blue a{ color:#1E51A2;} 
  13.  
  14. .lf{float:left;} 
  15. .rt{float:right;} 
  16.  
  17. .pt5{padding-top:5px;} 
  18. .pb5{padding-bottom:5px;} 
  19.  
  20. #header ,#main ,#footer{ margin:0 auto;
     width:980px; overflow:hidden} 
  21.  
  22. #main_left{ float:left;} 
  23. #main_right{ float:right;} 

說明下這個首先是對全站的CSS進行一次初始化,并重新賦予新屬于,這樣來統一整站樣式。

每次新開發頁面的HTML代碼模板如下:

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8" /> 
  5. <title>DIVCSS5-HTML模板 UTF-8 - www.mcowk.com.cn </title> 
  6. <meta name="keywords" content="關鍵詞" /> 
  7. <meta name="description" content="關鍵詞描述" /> 
  8. <link rel="stylesheet" href="images/style.css" /> 
  9. <!-- www.mcowk.com.cn DIV+CSS技術學習和資源分享平臺 --> 
  10. <script src="JS文件路徑地址" type="text/javascript"></script> 
  11. </head> 
  12. <body> 
  13. <a href="http://www.mcowk.com.cn/">DIVCSS5</a>
    歡迎您使用初始化的HTML+CSS模板!<br /> 
  14. 學習網址: www.mcowk.com.cn 
  15. <div class="clear"></div> 
  16. <span style="display:none">DIVCSS5提示這里可以放置網站統計代碼</span> 
  17. </body> 
  18. </html> 

希望divcss5整理的div+css模板對你有用!希望您也把你的經驗分享給大家!

推薦大家下載打包文件進行使用以免亂碼。

為大家節約每次開發CSS項目時候準備時間。

1、本模板包括了UTF-8版和GB2321(GBK)版編碼的HTML文件模板+CSS文件模板

2、模板html中已經做好了link引入CSS文件

3、使用時候選擇需要編碼版本初始化模板,推薦與你使用程序編碼一致,避免亂碼

4、下載地址: (壓縮文件包括了UTF-8編碼模板GBK2312編碼模板

如需轉載,請注明文章出處和來源網址:http://www.mcowk.com.cn/template/m17.shtml

我要分享到:
上一篇:沒有了
下一篇:純DIV+CSS下拉菜單模塊模板

必備CSS教程 Essential CSS Tutorials

必備HTML基礎教程 Essential HTML Tutorials

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2013-01-24 21:23 原創:DIVCSS5
本文www.mcowk.com.cn DIVCSS5版權所有。

福彩幸运武林开奖