在看过了本文之后，相信你会加深对CSS代码的认识。如果读过之后，你仍感到云里雾里.只能说明两点：1.我的语言表达能力太差 2.你对CSS真的不了解。

我们在更换图片，或者隐藏图片的代码，绝大部分都来自新浪自主定义的样式表。因为只有在统一的规则下，才不会出现应用上的混乱。而我们完全可以自主定义CSS代码来完成对某一特定事件的描述。

首先举一个简单的例子：大家都知道在新浪的CSS样式表中：

我们是找不到计数器和 等等独立定义的CSS代码，那么我们又是怎么能够将其隐藏的呢？原理很简单。

首先我们查看一下源代码。很容易找到对应计数器和阅读器的代码，如下所示：

---

看到红色的代码了吗，“玄机”就在这个id。既然新浪已经给他硬性规定了一个“法号”。那我们自然可以对其任意定义了，于是乎我们的隐藏的代码如下：

---

1.图片的滤镜效果：

---

下面补充一下CSS基本知识:

有一点需要大家一定要分清楚的，当在HTML中定义为id="divID"时，在css对应的设置语法则是#divID{} ，如果在HTML中定义为class="divID"时，则在CSS中对应的设置语法是.divID。

如果id="divID"这个层中包括了一个<img></img>，则这个img在css中对应的设置语法应该是#divID img {}，同样，如果是包含在class="divID"这个层中时，则设置语法应该是.divID img {}，这一点希望大家要分清楚了。
另外，HTML中的一切元素都是可以定义的，例如table、tr、td、th、form、img、input...等等，如果你要在css中设置它们，则直接写入元素的名称加上一对大括号{}就可以了。所有的CSS代码都应该写在大括号{}中。

 一: margin、padding属性
参照相关资料我们可以知道，margin和padding代表的意思分别是外部边距和内部填充距离，在许多网友的css中，关于这两个属性的冗余代码是出现得最多的。比如：margin:0px，大家可以查看一下自己的CSS文件中，是否许多的margin:0px，其中有的是不需要的，你可以尝试删除它，当然也并不是所有的margin:0px都没有用，相同，padding:0px也一样。

另外，margin和padding中各项属性的顺序是：上右下左，你只要记住是顺时针方向就好了。我们再看看这两段代码：
margin:0px 0px 0px 10px；
margin-left:10px；
其实他们的作用是一样的，下面的则是一种缩写，使用缩写我们可以减少css代码，并使阅读起来更为方便。（padding也相同。）

二、!important;属性
!important是css1就定义的语法，作用是提高指定样式规则的应用优先权。IE是不支持这个语法的，而其他的浏览器都支持，通过这一点，我们可以得知，设置了优先权的代码是不会被IE执行的。所以我们可以important的后面添加CSS样式，使其可以区别于IE和FireFox等浏览器。

看完本文你应该有所联想吧，还有很多代码可以采用上面的方法，就看你的联想能力了．

其实ＣＳＳ代码并没有我们想象那样博大精神，他甚至连个网页语言都不是，所以玩转他还是很轻松的，继续努力..........