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邊框的表格。