欢迎来到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.divcss5.com */ 
  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编码表网址 /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.divcss5.com </title> 
  6. <meta name="keywords" content="关键词" /> 
  7. <meta name="description" content="关键词描述" /> 
  8. <link rel="stylesheet" href="images/style.css" /> 
  9. <!-- www.divcss5.com DIV+CSS技术学习和资源分享平台 --> 
  10. <script src="JS文件路径地址" type="text/javascript"></script> 
  11. </head> 
  12. <body> 
  13. <a href="/">DIVCSS5</a>
    欢迎您使用初始化的HTML+CSS模板!<br /> 
  14. 学习网址: www.divcss5.com 
  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编码模板

如需转载,请注明文章出处和来源网址:/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.divcss5.com DIVCSS5版权所有。