关于!important
关于!important众所周知，这个规则对Ie6.0,Ie7.0和Firefox能写hack，这里的原理属性我想每个人都很清楚。但在前一段时间一同事用!important这个属性特写了一个样式达到想要的目的，当时我没有明白其中的原理，我问他未果！后来我查了查资料才明白其中的原理.
1、当!important用在两个样式的时候，这时他的作遥原理就是解决各个浏览器之间的兼容问题。
2、当!important单独用在一个样式中，那么它则起保护作用，在任何需要保护的属性后面插入它可以避免被基于特性的属性覆盖。例如：#nav a{color:red;} a{color:yelllow !important},通常，一个带有id名#nav的元素里的一个链接会变为红色，因为这个#nav a比标签 a样式具体的多，但因为包含了！important，以为则会这个属性永远胜出。
其实这里也最主要的关于css优先级，一个标签选择器1分，一个类选择器10分，一个id选择器100，一个行内样式1000，！important就当无限分吧，分值相同时按后出现优先的原则算。
而且这个样式在每个浏览器中都能支持!
开源中最好的Web开发的资源
学习HTML 5编程和设计
关于CSS 旋转
实现这个方法很简单，只要我们利用好css旋转属性就OK了。看一下效果图：
看完效果分析一下：这里有三个嵌套的元素：第一个是最外层不做任何的变化，第二个是第二层元素做顺时针旋转，第三个是最里层元素在同一方向作逆时针旋转。如图：
HTML
<div class="box"> <div class="inner"> <div class="content"><img src="img.jpg" alt="my bike" /></div> </div> </div>
The CSS
Continue reading →
