老鼠工作室博客

很多网友制作的CSS文件，发现其中有着许多冗余的代码。下面来跟大家介绍一下CSS代码中的text-align、font样式，如何清除这些冗余的代码，让你的CSS文件更加简洁。

这两个样式的作用我就不说了，但是这两个样式在许多网友的CSS中也存在许多冗余。下面我来举例说明一下，层的定义如下：

ExampleSourceCode

<divid="main">

<divid="body1">

<divid="content1">

</div>

</div>

<divid="body2">

</div>

<div>

CSS文件如下（错误示例）：

ExampleSourceCode

#main{width:500px;text-algin:left;font-size:12px;color:#000000;}

#body1{width:500px;text-algin:center;font-size:12px;color:#FF0000;}

#content{text-algin:left;font-size:12px;color:#000000;}

#body2{text-algin:left;font-size:12px;color:#000000;}

大家可以从上面的代码中轻易地看出，有许多的冗余代码，现在我们来书写正确的代码：

ExampleSourceCode

#main{width:500px;text-algin:left;font-size:12px;color:#000000;}

#body1{text-algin:center;color:#FF0000;}

#content{width:300px;text-algin:left;color:#000000;}

#body2{}

以上就是正确的代码，由于大家在制作SKIN时，对PJBLOG的DIV结构没搞清楚，才会出现这种错误。