引入CSS初始HTML+CSS模板

2011-02-05 11:10:17 四、CSS初始化模板（HTML+CSS模板）引入下载，在开发CSS项目之前，好的初始化的模板有助于我们缩短对各标签设置的时间。有了以下的CSS初始化模板和html初始化模板可以减少我们开发时

四、CSS初始化模板（HTML+CSS模板）引入与模板打包下载

在开发CSS项目之前，好的初始化的模板有助于我们缩短对各标签设置的时间。有了以下的CSS初始化模板和html初始化模板可以减少我们开发时候的时间。

1、CSS初始化模板

CSS初始化代码如下：

 @charset "utf-8"; 
/* HTML8-CSS初始化模板-html8.com.cn */ 
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;}

说明下以上的CSS代码：
以上CSS代码设置初始化了div、li、a、body、img、ul、h1-h4等常用标签的的CSS样式。

2、html初始化模板

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html;
 charset=utf-8" /> 
<title>HTML8标题-html8.com.cn</title> 
<meta name="keywords" content="关键字" /> 
<meta name="description" content="描述-html8.com.cn" /> 
<link href="images/style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
正式内容 
</body> 
</html>

这里说明下，这里是现在较简单的html结构初始化代码。

3、使用技巧及下载

以上css和html初始化的代码可以根据你自身的需要删减增加。Html和css初始化模板使用技巧，以后每次新开发网页时候拷贝一份再复制好的模板中进行编辑写代码完成DIV+CSS制作即可。以上模板务必下载保存为以后CSS实例教程做准备。

完整的HTML模板和DIV+CSS模板下载地址：//www.html8.com.cn/bbs/thread-359-1-1.html