css笔记

一、css属性前加这些东西的目的：*，!important，-

IE6能识别*，但不能识别 !important;

IE7能识别*，也能识别!important; 

FF不能识别*，但能识别!important;

二、支持不同的浏览器

-webkit:  chrome、safari浏览器

-moz:火狐浏览器

-ms:IE浏览器

-o-transform：Opera

三、@-webkit-keyframes

@keyframes(关键帧)作为CSS3动画的一部分，其该紧跟一个标识符(由开发者自定)，此标识符将在其他CSS代码中引用。在@keyframes和标识符之后，就是一系列的动画规则(就像普通的CSS代码中声明的style规则)了。这一系列动画规则用大括号括起来隔开，然后再嵌在@keyframes之后的大括号里，类似其他@语法规则。

四、css3-mediaqueries.js

IE8及低版本浏览器不支持CSS3 media queries的解决方法 就是引入：

<!--[if lt IE 9]>
<script src="http://www.51pianmen.com/wp-content/themes/begin/js/html5.js"></script>
<script src="http://www.51pianmen.com/wp-content/themes/begin/js/css3-mediaqueries.js"></script>
<![endif]-->

五、media属性

screen 是媒体类型里的一种，CSS2.1定义了10种媒体类型 
and 被称为关键字，其他关键字还包括 not(排除某种设备)，only(限定某种设备) 
(min-width: 400px) 就是媒体特性，其被放置在一对圆括号中。

六、css3的渐变、圆角、阴影属性

七、css3的动画属性

变形(transform):旋转rotate、扭曲skew、缩放scale、移动translate、矩阵变形matrix
转换(transition):
动画(animation):