css3

修改第二个元素样式： li:nth-child(2){ transform:rotate(10deg); }
 修改第三个、第六个。。元素样式：li:nth-child(3n){ transform:rotate(-25deg);}
背景径向渐变： background: radial-gradient(#2a899d, #0d3553, #132c43);
背景线性渐变： background: linear-gradient(#337f91, #30637a, #1d4661);
背景透明：background:rgba(255, 255, 255, 0.055);
修改奇数行、偶数行：odd表示奇数行，even表示偶数行：
tr:nth-child(odd);

.table-striped > tbody > tr:nth-child(odd)  {

1. background-color: #f9f9f9;

}

 控制不同分辨率的样式：
@media screen and (min-width: 320px) and (max-width: 789px){

} 
  线性渐变的兼容写法如下：

.gradient{ background: #000000; background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); background: linear-gradient(to bottom, #000000 0%,#ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); }  :root .gradient{filter:none;}