html语言中css初始化,css怎么初始化？

在运用CSS进行界面样式设计的时候需要先将浏览器内置的CSS样式给初始化一下，那么该如何进行CSS的初始化呢？下面我们来看一下css样式初始化的方法。

CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同，所以开发时的第一件事可能就是如何把它们统一。如果没对CSS初始化往往会出现浏览器之间的页面差异。

每次新开发网站或新网页时候通过初始化CSS样式的属性，为我们将用到的CSS或html标签更加方便准确，使得我们开发网页内容时更加方便简洁，同时减少CSS代码量，节约网页下载时间。

最简单的初始化方法就是： * {padding: 0; margin: 0;} 。有很多人也是这样写的。

这确实很简单，但有人就会感到疑问：*号这样一个通用符在编写代码的时候是快，但如果网站很大，CSS样式表文件很大，这样写的话，他会把所有的标签都初始化一遍，这样就大大的加强了网站运行的负载，会使网站加载的时候需要很长一段时间。

我们可以直接使用下面的代码初始化css。

css初始化代码：/*css 初始化 */

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6,

form, fieldset, legend, img { margin:0; padding:0; }

fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }

ul, ol { list-style:none; }

input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}

select, input { vertical-align:middle; }

select, input, textarea { font-size:12px; margin:0; }

textarea { resize:none; }

img {border:0; vertical-align:middle;}

table { border-collapse:collapse; }

body {

font:12px/150% Arial,Verdana,"\5b8b\4f53";

color:#666;

background:#fff

}

.clearfix:before,.clearfix:after{

content:"";

display:table;

}

.clearfix:after{clear:both;}

.clearfix{

*zoom:1;/*IE/7/6*/

}

a{color:#666; text-decoration:none; }

a:hover{color:#C81623;}

h1,h2,h3,h4,h5,h6{text-decoration:none;font-weight:normal;}

s,i,em{font-style:normal;text-decoration:none;}

.col-red{color: #C81623!important;}

/*公共类*/

.w{

width: 1210px;margin:0 auto;

}

.fl {

float:left

}

.fr {

float:right

}

.al {

text-align:left

}

.ac {

text-align:center

}

.ar {

text-align:right

}

.hide {

display:none

}