日期:2014-05-17  浏览次数:20688 次

CSS初始化模板(HTML+CSS模板)引入下载
CSS初始化模板(HTML+CSS模板)引入下载
@charset "utf-8";
/* DIVCSS5-CSS初始化模板-www.divcss5.com */
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {margin:0; padding:0;font-style: normal;font:12px/22px Arial, Helvetica, sans-serif;}
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:#BA2636;text-decoration:underline;}

.red ,.red a{ color:#F00;}
.lan ,.lan a{ color:#1E51A2;}
.dis{display:block;}
.undis{display:none;}



  



说明下以上的CSS代码:
以上CSS代码设置初始化了div、li、a、body、img、ul、h1-h4等常用标签的的CSS样式。说明下这个首先是对全站的CSS进行一次初始化,并重新赋予新属于,这样来统一整站样式

CSS对应的html代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>DIVCSS5-HTML模板-www.divcss5.com</title>
<meta name="keywords" content="关键词" />
<meta name="description" content="关键词描述" />
<link rel="stylesheet" href="images/style.css" />
<!--www.divcss5.com -->
<script src="JS文件路径地址" language="javascript" type="text/javascript"></script>
</head>
<body>
<div class="clear"><img src="images/s.gif" /></div>
DIVCSS5欢迎您!
</body>
</html>

使用此html模板和CSS模板用于每次新开发DIVCSS项目时候使用