快捷搜索:   nginx

网页制作前必要的CSS初始化

每次制作网页时候我们都应该对此网页的CSS或Html中标签进行必要的初始化

为什么要初始化CSS呢,有什么作用?
每次新开发网站或新网页时候我们通过初始化CSS样式的属性,为我们将用到的CSS或html标签更加方便准确。假如我们不初始化CSS样式属性,将会增大CSS代码量,为我们节约网页代码,节约网页下载时间;还会使得我们开发网页内容时更加方便简洁,不用考虑很多。如果不初始化CSS我们在开发比较复杂的网页时候就不会知道自己是否已经设置了此错的CSS属性,是否和前面的CSS属性相同,是否统一整个网页的风格和样式。 

 

需要初始化地方有哪些:
大致一般需要初始化有h1到h4标签、table、文字大小、文字没有链接颜色、超链接样式、DIV、居中、ol、 ul、li、img等等的样式,这里我们总结了初始化后CSS文件或叫CSS模板供大家参考使用,可根据自己实际增减。

 

首先给大家分享我的及CSS网页使用的开头CSS模板:
每次新开发页面的共同可用的CSS代码模板如下:

以下为引用的内容:
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {margin:0; padding:0; font-weight: normal;font-style: normal;font-size: 100%; font-family: inherit;}

 


ol, ul ,li{list-style: none;}
img {border: 0;}
body {color:#000;background:#FFF; text-align: center; font: 12px/1.5 Arial, Helvetica, sans-serif;}
.clearfix:after {clear:both; content:"."; display:block; height:0pt; visibility:hidden; overflow:hidden;}
.clear{clear:both;height:1px; margin-top:-1px; width:100%;}

.dis{display:block;}
.undis{display:none;}
 



说明下这个首先是对全站的CSS进行一次初始化,并重新赋予新属于,这样来统一整站样式。

每次新开发页面的HTML代码模板如下:

以下为引用的内容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>标题-CSS网模板</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> //记得charset=gb2312 修改你自己的语言
<meta name="keywords" content="关键字" />
<meta name="description" content="关键字描述" />
<link href="css文件路径" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="JS文件路径"></script>
</head>
内容
</body>
</html>

 

顶(3)
踩(0)

您可能还会对下面的文章感兴趣:

最新评论