常用css列表

color 設定文字的顏色，如： color:red;

font-size 設定文字的大小，如：font-size:12px;

font-family 設定文字的字型，如：font-family:『微軟雅黑』;

font-style 設定字型是否傾斜，如：font-style:『normal』; 設定不傾斜，font-style:『italic』;設定文字傾斜

font-weight 設定文字是否加粗，如：font-weight:bold; 設定加粗 font-weight:normal 設定不加粗

line-height 設定文字的行高，設定行高相當於在每行文字的上下同時加間距，如：line-height:24px;

font 同時設定文字的幾個屬性，寫的順序有相容問題，建議按照如下順序寫： font：是否加粗字型大小/行高字型；如： font:normal 12px/36px 『微軟雅黑』;

text-decoration 設定文字的下劃線，如：text-decoration:none; 將文字下劃線去掉

text-indent 設定文字首行縮排，如：text-indent:24px; 設定文字首行縮排24px

text-align 設定文字水平對齊方式，如text-align:center 設定文字水平居中

text-overflow 設定一行文字寬度超過容器寬度時的顯示方式，如：text-overflow:clip 將多出的文字裁剪掉 text-overflow:ellipsis 將多出的文字顯示成省略號

white-space 一般用來設定文字不換行，如：white-space:nowrap 設定文字不換行一般與text-overflow和overflow屬性配合使用來讓一行文字超出寬度時顯示省略號

list-style 一般用來設定去掉ul或者ol列表中的小圓點或數字如：list-style:none

width 設定盒子內容的寬度，如： width：100px;

height 設定盒子內容的高度，如： height：100px;

border-top 設定盒子頂部邊框的三個屬性如：border-top:5px solid red;設定盒子頂部邊框為3畫素寬的紅色的實線，詳細設定說明：盒子模型

border-left 設定盒子左邊邊框的三個屬性如：border-left:3px dotted red;設定盒子左邊邊框為3畫素寬的紅色的點線，詳細設定說明：盒子模型

border-right 設定盒子右邊邊框的三個屬性如：border-right:2px dashed red;設定盒子右邊框為2畫素寬的紅色的虛線，詳細設定說明：盒子模型

border-bottom 設定盒子底部邊框的三個屬性如：border-bottom:1px solid red;設定盒子底部邊框為1畫素寬的紅色的實線，詳細設定說明：盒子模型

border 同時設定盒子的四個邊框，如果四個邊的樣式統一就使用它如：border:1px solid #000 設定盒子四個邊都是1畫素寬的黑色實線，詳細設定說明：盒子模型

padding 設定盒子四個邊的內邊距如：padding:10px 20px 30px 40px 分別設定盒子上邊(10px)、右邊(20px)、下邊(30px)、左邊(40px)的內邊距(順時針)，詳細設定說明：盒子模型

margin 設定盒子四個邊的外邊距如：margin:10px 20px 30px 40px 分別設定盒子上邊(10px)、右邊(20px)、下邊(30px)、左邊(40px)的外邊距(順時針)，詳細設定說明：盒子模型

overflow 設定當子元素的尺寸超過父元素的尺寸時，盒子及子元素的顯示方式如：overflow:hidden 超出的子元素被裁切，詳細設定說明：元素溢位

display 設定盒子的顯示型別及隱藏，如：display:block 將盒子設定為以塊元素顯示 display:none 將元素隱藏，詳細設定說明：元素型別

float 設定元浮動如：float:left 設定左浮動 float:right 設定右浮動，詳細設定說明：元素浮動

clear 在盒子兩側清除浮動如：clear:both 在盒子兩側都不允許浮動，詳細設定說明：元素浮動

position 設定元素定位如：position:relative 設定元素相對定位，詳細設定說明：元素定位

background 設定元素的背景色和背景，如：background:url(bg.jpg) cyan;設定盒子的背景為bg.jpg，背景色為cyan，詳細設定說明：元素背景

background-size 設定盒子背景圖的尺寸，如：background-size:30px 40px;設定背景圖的尺寸寬為30px，高為40px，這個屬性不能合到background屬性中，詳細設定說明：retina屏適配

opacity 設定元素整體透明度，一般為了相容需要加上filter屬性設定如：opacity:0.1;filter:alpha(opacity=10)

cursor 設定滑鼠懸停在元素上時指標的形狀如：cursor:pointer 設定為手型

outline 設定文字輸入框周圍凸顯的藍色的線，一般是設為沒有如：outline:none

border-radius 設定盒子的圓角如：border-radius:10px 設定盒子的四個角為10px半徑的圓角，詳細設定說明：css圓角

box-shadow 設定盒子的陰影，如：box-shadow:10px 10px 5px 2px pink;設定盒子有粉色的陰影，詳細設定說明：css陰影

transition 設定盒子的過渡動畫，如：transition:all 1s ease;設定元素過渡動畫為1秒完成，所有變動的屬性都做動畫，詳細設定說明：過渡動畫

animation 設定盒子的關鍵幀動畫，詳細設定說明：關鍵幀動畫

transform 設定盒子的位移、旋轉、縮放、斜切等變形，如：transform:rotate(45deg);設定盒子旋轉45度，詳細設定說明：元素變形

box-sizing 設定盒子的尺寸計算方式，如：box-sizing:border-box 將盒子的尺寸計算方法設定為按邊框計算，此時width和height的值就是盒子的實際尺寸

border-collapse 設定**邊框是否合併，如：border-collapse:collapse，將**邊框合併，這樣就可以製作1px邊框的**。