就要懂

随着网络的普及，网站竞争也是如火如荼，要在网络中能够比其他网站更加的获得青睐，更有竞争力方法很多，在网站建设中时刻要用的css的优化也就非常的有必要。特别是大型网站的css代码优化。

当然要说说css优化的意义：
1、减少占用网页字节。在同等条件下缩短浏览器下载css代码时间，相当于加快网页打开速度
2、便于维护。简化和标准化css代码让css代码减少，便于日后维护
3、让自己写的css代码更加专业。

在这里总结下css优化方法：

1、css样式尽量合并成一个外部文件，采用link方式导入到网页中来，可以减少不少内嵌在网页中的css代码。

2、多用全局样式，比如网页中只有一个h1标签，那么直接在css文件中定义h1的样式，如h1{……}，而不要给h1标签加class或者id来定义样式，这样一来就可以省略class=”"或id=”"，整个网页精简下来就可以简洁不少代码。

3、多采用父级继承样式控制，在div中尽量使用不同标签来控制网页表现形式，比如一个div中需要有3个不同颜色的文字，这样做同样可以减少不少的class和id。
<div>
<p>
<span>文字</span>
段落内容
</p>
</div>
css样式可以这样写：
div { color: #000}
div p { color: #0f0}
div span { color: #f00}

4、使用css缩写形式，促进CSS代码精简、优化（有背景，边框，list，font等属性的缩写这里就不详述，网站列子很多）

5、很多人在设置css样式时，很多时候都是一个属性设置就是一行，这样将占css文件很多的空格和回车位空间（虽然看上去会比较整齐，但是为了增加速度和减少占用空间）这样将节约空格和回车位，及css文件行数，从而节约代码文件字节（特别是大站）

6、对于同属性的id或者同属性的选择器，可以将其进行提取。如：
.gongyong{font-size:12px;border:1px solid #000000;padding:5px;}
.ys1{ width:25px;}
.ys2{width:50px;}
引入样式时就可以这样写：
<div>div css样式</div>
<div class=”gongyong ys2″>div css样式2</div>

id属性值相同时：可以合并一起写如：
#id1，#id2{color:#ccc, width:100px;}

7、对css代码条理化排列:
比如：可以将导航，内容，底部的css代码分类，用注释进行分隔，而共用部分也可以单独列出来。
这一点，其实也是主要根据个人习惯，笔者本人就是比较习惯 这样写。