关于css

1）css渐变

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#339999,endColorStr=#66CCCC); /*IE*/
background: -webkit-linear-gradient(left, #339999 , #66CCCC); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #339999, #66CCCC); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #339999, #66CCCC); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #339999 , #66CCCC); /* 标准的语法（必须放在最后） */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#339999', endColorstr='#66CCCC'); /*IE6 & IE7*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#339999', endColorstr='#66CCCC')"; /* IE8 */

2）css旋转

 　　　　　　　　-ms-transform:rotate(180deg); /* IE 9 */                               /*旋转*/
             -moz-transform:rotate(180deg); /* Firefox */
             -webkit-transform:rotate(180deg); /* Safari and Chrome */
             -o-transform:rotate(180deg); /* Opera */

   document包含所有元素包括绝对定位的元素，而document.body 指body标签的内容，不包含绝对定位的元素

3）css 倒三角符号

.caret {
                        display: inline-block;
                        width: 0;
                        height: 0;
                        margin-left: 2px;
                        vertical-align: middle;
                        border-bottom: 10px solid;
                        border-right: 10px solid transparent;
                        border-left: 10px solid transparent;
                        padding:0;margin:0;
                        position:relative;
                        top:7px
                     }

 

 4）a标签获取不到焦点，给a标签加个tabindex属性之后可以获取到焦点