来源:自学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