四、CSS初始化源码(HTML+CSS源码)引入download

2019-09-08 郑州网站建设  

四、CSS初始化源码(HTML+CSS源码)引入与源码打包download

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

目录  

 
1、CSS初始化源码   -  

CSS初始化代码如下:

 @charset "utf-8"; 

/* DIVCSS5-CSS初始化源码- */ 

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>DIVCSS5标题-</title> 

<meta name="keywords" content="关键词" /> 

<meta name="description" content="描述-" /> 

<link href="images/style.css" rel="stylesheet" type="text/css" /> 

</head> 

<body> 

正式内容 

</body> 

</html> 

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

3、使用技巧及download   -  

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

完整的HTML源码和DIV+CSS源码download地址:


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1394.html转载请标明出处,谢谢合作!
标签:
  • CSS初始化
  • CSS模板
  • html模板