首先给大家分享我的及CSS网页使用的开头CSS模板;HTML+CSS模板divcss5初始化XHTML(DIV+CSS初始化模板)
此处提供DIVCSS5每次开发项目时候使用的DIV+CSS模板初始化最基本的模板模块。
暂时展示gbk版模板代码
每次新开发页面的共同可用的CSS代码模板如下:
@charset "gbk";
/* DIVCSS5 - */
body, div,iframe, ul, ol, dl, dt, dd, li, dl,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="gbk" />
<title>DIVCSS5-HTML模板 gbk - </title> <meta name="keywords" content="关键词" /> <meta name="description" content="关键词描述" /> <link rel="stylesheet" href="http:///template/images/style.css" /> <!-- DIV+CSS技术学习和资源分享平台 --></head>
<body>
<a href="http:///">DIVCSS5</a>学习网址:
<div ></div> <span style="display:none">DIVCSS5提示这里可以放置网站统计代码</span></body>
</html>
希望divcss5整理的div+css模板对你有用!希望您也把你的经验分享给大家!
推荐大家下载打包文件进行使用以免乱码。
为大家节约每次开发CSS项目时候准备时间。
1、本模板包括了gbk版和GB2321(GBK)版编码的HTML文件模板+CSS文件模板
2、模板html中已经做好了link引入CSS文件
3、使用时候选择需要编码版本初始化模板,推荐与你使用程序编码一致,避免乱码