四、CSS初始化模板（HTML+CSS模板）引入与模板打包下载
在开发CSS项目之前，好的初始化的模板有助于我们缩短对各标签设置的时间。有了以下的CSS初始化模板和html初始化模板可以减少我们开发时候的时间。
1、CSS初始化模板 - TOP
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;} |
说明下以上的CSS代码：
以上CSS代码设置初始化了div、li、a、body、img、ul、h1-h4等常用标签的的CSS样式。
2、html初始化模板 - TOP
| <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DIVCSS5标题-www.divcss5.com</title> <meta name="keywords" content="关键字" /> <meta name="description" content="描述-www.qqtouxiang001.com" /> <link href="images/style.css" rel="stylesheet" type="text/css" /> </head> <body> 正式内容 </body> </html> |
这里说明下，这里是现在较简单的html结构初始化代码。
3、使用技巧及下载 - TOP
以上css和html初始化的代码可以根据你自身的需要删减增加。Html和css初始化模板使用技巧，以后每次新开发网页时候拷贝一份再复制好的模板中进行编辑写代码完成DIV+CSS制作即可。以上模板务必下载保存为以后CSS实例教程做准备。
完整的HTML模板和DIV+CSS模板下载地址：http://www.divcss5.com/bbs/thread-359-1-1.html
如对文章有任何疑问请提交到DIV CSS论坛，或有任何网页制作CSS问题立即到CSS论坛发贴求解。
DIV+CSS作者：DIVCSS5 CSS修订日期：2011-01-28 点击:
次
本文WWW.DIVCSS5.COM(DIV CSS) DIVCSS5版权所有，未经书面批准转载法律必究。
