您的位置:CSS主页 > CSS模块 >

HTML+CSS模板ThinkCSS初始化XHTML(DIV+CSS初始化模板)

 

 此处提供ThinkCSS每次开发项目时候使用的DIV+CSS模板初始化最基本的模板模块。

暂时展示UTF-8版模板代码:

1、HTML代码:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    > 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <title>ThinkCSS-HTML模板- www.thinkcss.com </title> 
  6. <meta name="keywords" content="关键词" /> 
  7. <meta name="description" content="关键词描述" /> 
  8. <link rel="stylesheet" href="images/style.css" /> 
  9. <!-- www.ThinkCSS.com DIV+CSS技术学习和资源分享平台 --> 
  10. <script src="JS文件路径地址" type="text/javascript"></script> 
  11. </head> 
  12. <body> 
  13. <a href="www.thinkcss.com">ThinkCSS</a>欢迎您使用初始化的HTML+CSS模板!<br /> 
  14. 学习网址:www.thinkcss.com 、 www.divcss5.com 
  15. <div class="clear"></div> 
  16. <span style="display:none">ThinkCSS提示这里可以放置网站统计代码</span> 
  17. </body> 
  18. </html> 

2、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 Arial,"宋体",
     Helvetica, sans-serif;} 
  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项目时候准备时间。

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

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

3、使用时候选择需要编码版本初始化模板,推荐与你使用程序编码一致,避免乱码

4、下载地址:
百度网盘提供:到百度网盘下载

免费网盘:http://pan.baidu.com/disk/beinvited?uk=268571848

标签(Tag): 模块 模板 css模板 xhtml

更多

上一页: 上一篇:没有了
下一页: 下一篇:点击显示层再点击其它区域隐藏层CSS特效

 

HTML必备基础教程

 

CSS必备基础教程

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期:2012-07-04     点击:
原创来源:ThinkCSS     来源网址:http://www.thinkcss.com/view/m26.html
本文WWW.ThinkCSS.COM(DIV CSS) ThinkCSS版权所有,欢迎转载,并注明出处来源及URL!

 

推荐信息