transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-webkit-transform:rotate(30deg); /* Safari and Chrome */

box-shadow: h-shadow v-shadow blur spread color inset;
水平位置；垂直位置；模糊距離；陰影尺寸；陰影顏色；inset將外部陰影轉化為內部陰影
前兩個為必填
 

-webkit-border-image: url(border.png) 30 30 round;/* Safari 5 and older */
-o-border-image: url(border.png) 30 30 round;/* Opera */
border-image: url(border.png) 30 30 round;

round：平鋪

stretch：拉伸填充

　四個值: 第一個值為左上角，第二個值為右上角，第三個值為右下角，第四個值為左下角。

　三個值: 第一個值為左上角, 第二個值為右上角和左下角，第三個值為右下角

　兩個值: 第一個值為左上角與右下角，第二個值為右上角與左下角

　一個值： 四個圓角值相同

background-image: url(); /* 圖片路徑 */

background-position: right bottom, left top; /* 圖片定位 */
background-repeat: no-repeat, repeat; /* 是否填充 */
background-size:80px 60px; /* 圖片大小 */
background: url() right bottom no-repeat; /* 第二種寫法 */

background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
background: linear-gradient(red, blue); /* 標準的語法 ，默認上下漸變*/
background: linear-gradient(to bottom right, red , blue); /* 左上角到右下角 ， 自定義漸變*/
background: linear-gradient(red 10%, green 85%, blue 90%); /* 標準的語法（必須放在最後） */

background: radial-gradient(red, green, blue); /* 從圓中心向外漸變　　*/

text-overflow: clip　|　ellipsis　;

clip：超出剪切

ellipsis：超出用……代替

src: url();/* 字體文件的 URL */
font-weight:bold;/* 定義字體的粗細。默認是 "normal" */

1. none不使用項目符號
2. disc實心圓，默認值
3. circle空心圓
4. square實心方塊
5. decimal阿拉伯數字
6. lower-roman小寫羅馬數字
7. upper-roman大寫羅馬數字
8. lower-alpha小寫英文字母
9. upper-alpha大寫英文字母

text-decoration:underline;/*下劃線樣式*/
text-decoration:line-through;/*刪除線樣式-貫穿線樣式*/
text-decoration:overline;/*上劃線樣式*/

a{color:black} /*設置默認顏色*/
a:link {color:blue;} /*未訪問顏色*/
a:visited {color:gray;} /*已訪問顏色*/
a:hover {color:red;} /*懸浮（鼠標經過）時顏色*/
a:active {color:yellow;} /*點擊時的顏色*/