当前位置:编程学习 > html/css >>

CSS初始化模板(HTML+CSS模板)

[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;}  www.zzzyk.com
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项目时候使用  
 
补充:web前端 , HTML/CSS  ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,