网站地图    收藏   

主页 > 前端 > css教程 >

CSS初始化模板(HTML+CSS模板) - html/css语言栏目:

来源:自学PHP网    时间:2015-04-14 14:50 作者: 阅读:

[导读] [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, ......

[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.2cto.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项目时候使用  
 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论