利用:hover特性制作的CSS导航菜单栏
不必借助Javascript，只是简单的利用CSS制作的导航菜单，也能实现很多动态效果。本例中的导航菜单栏能够响应鼠标事件，当鼠标划过时，会有简短的提示信息。
实现图层在竖直和水平方向绝对居中的CSS代码
以前利用表格可以很容易实现竖直和水平方向绝对居中，进入Web 2.0后，网页设计提倡去表格化，目前依然有大量的实例要求图层元素竖直和水平方向绝对居中，例如常见的弹出效果，这里分享一下如何利用CSS来实现竖直和水平方向绝对居中。
8条常用的CSS代码
虽然CSS定义了大量的样式属性，但事实是，在页面样式定义过程中，我们只用到了其中很小的一部分。掌握并熟练使用这些常用的CSS代码即可满足正常的设计需要。
Google Adsense 文字显示广告布局样式调整
最近Goolge对Adsense文字显示广告布局样式进行了调整，我估计这种调整可能处于测试阶段，因为网站上的文字广告会随机显示调整前或调整后的布局样式，但也有可能是根据某种算法来实现这种效果。
最新-Google发布网站字体目录服务-Web Font Directory
最新信息，Google发布网页字体目录服务，通过 Google Font API ，提供开源字体，供网页设计师免费使用。
a:visited:hover高级用法
a:visited:hover 高级应用通过设置a:link 、a:visited、 a:hover、 a:active ，可以明确标识某个链接的状态，从而提高用户体验。通常情况下设置好上述四个属性即可，但为了最大化实现页面的动态（a:hover）效果，这里讲一下a:hover的比较高级的用法。
利用CSS制作内容浮动层效果
内容中浮动层可用于解释说明或提示某些重要信息。默认情况下不会显示，只有当鼠标滑过时，浮动层才会显示出来。
Html ID属性的另类用法
在Html编写过程中，我们经常会对重要元素添加ID属性，例如<div id=”header”></div>，然后会在CSS中定义此id的具体样式，例如#header {width:960px; magin:0px auto;}。但这里要介绍的是，利用ID属性实现锚点的效果。
针对IE6巧妙利用 _ * !important
IE6因众多BUG而广受诟病，其对CSS和HTML代码的解析“独树一帜”。IE6本应该寿终正寝，但由于Windows XP依然占据主流，绝大多数用户都会用到Windows XP绑定的IE6，因此在编写CSS代码时要考虑到对IE6的兼容性。
利用CSS来制作图像半透明特效
巧妙利用伪类:hover属性，当鼠标滑过图像时，呈现半透明特效，以增加网站的可交互性。
