1. height 設(shè)置高度

height:20px;

2. width 設(shè)置寬度

width:20px;

3. line-height 設(shè)置行高

line-height:20px;

4. color 設(shè)置文字顏色

color:red;

5. font-size 設(shè)置文字大小

font-size:20px;

6. font-wight 設(shè)置文字粗細(xì)

font-wight:bold;

7. font-family 設(shè)置文字字體

font-family："Times New Roman";

8. font-stretch 設(shè)置文字斜體

font-stretch：expanded;

9. letter-spacing 設(shè)置文字字間距

letter-spacing：2px;

10. text-align 文字居中

 text-align：center;

11. display 設(shè)置標(biāo)簽是行元素還是塊元素

display：inline; //行元素
display：block; //塊元素
display:inline-block //行間塊元素
display:none   //元素消失 

12. background 設(shè)置背景圖片

• image 設(shè)置背景圖片 background-image:url("")

 background-image:url("");

• color 設(shè)置背景顏色

background-color：#fff

• repeat 背景圖是否重復(fù)

 background-repeat：no-repeat胆胰；  //不重復(fù)
 background-repeat：repeat门躯；      //重復(fù)

• position 設(shè)置背景圖位置

background-position-x:0px
   -x 設(shè)置x軸位置 center為居中
   -y 設(shè)置y軸位置 center為居中
background-position：center 同時xy都居中

• size 設(shè)置背景圖的大小

 background-size:80px 90px;
// 如果兩個參數(shù) 第一個是寬 第二個是高
//如果有一個參數(shù)即為 寬高

13. 顏色的三種寫法

  十六進(jìn)制 #rrggbb rr紅色 gg綠色 bb藍(lán)色
  顏色的英文單詞
  RGB rgb(0,0,0)~rgb(255,255,255)   （rgba a取值范圍 0~1 透明度）

14. boder 設(shè)置元素邊框

1.  -left -top -right -bottom
2.  復(fù)合型寫法 boder:1px solid red;
3.  solid 實線
4.  dashed 虛線
5.  dotted 點(diǎn)狀線
6.  none 無邊框
7.  double 雙實線

15.margin 外邊距

1.  -left -top -right -bottom
2.  margin：10px; 四條同時設(shè)置
3.  margin：10px 15px; 第一個上下 第二個左右
4.  margin：10px 15px 20px;第一個上 第二個左右 第三個下
5.  margin：10px 15px 20px 25px;上右下左
6.  margin（0，auto）上下為0遭居，左右居中
只能使塊元素居中响迂，行元素不能使用
外邊距計算方法：
塊標(biāo)簽：相鄰盒子間 如果設(shè)置

16. padding 內(nèi)邊距

1.  -left -top -right -bottom
2.  padding：10px; 四條同時設(shè)置
3.  padding：10px 15px; 第一個上下 第二個左右
4.  padding：10px 15px 20px;第一個上 第二個左右 第三個下
5.  padding：10px 15px 20px 25px;上右下左

17. text-align 設(shè)置文字或行元素排列方式

1.  center 居中
2.  left 左對齊
3.  right 右對齊

18. vertical-algin 設(shè)置縱向排列方式

1.  top 以頂部基準(zhǔn)對齊
2.  bottom 以底部基準(zhǔn)對齊
3.  sub 文字下標(biāo)
4.  super 文字上標(biāo)
5.  baseline 默認(rèn)
6.  middle 以中心為基準(zhǔn)
7.  數(shù)值 正值偏上 負(fù)值偏下
8.  百分比

19.transition： 事件屬性 特效更加柔和 0.5s

transition:0.7s;

20.超出隱藏

overflow：hidden噪裕；

21.box-shadow:設(shè)置陰影五個參數(shù)

box-shadow:2px 3px 5px 5px;
  參數(shù)1：設(shè)置水平陰影位置 以0為基準(zhǔn) 大于0 陰影向右偏移
  參數(shù)2：設(shè)置垂直陰影位置 以0位基準(zhǔn) 大于0 陰影向下偏移 反之向上
  參數(shù)3：設(shè)置模糊度
  參數(shù)4：設(shè)置陰影大小
  參數(shù)5：設(shè)置內(nèi)外陰影 加上inset是內(nèi)陰影 不加是外陰影

22.text-shadow: h-shadow v-shadow blur color;

text-shadow: 5px 5px 5px  red嚎幸；
  參數(shù)1：必需珊随。水平陰影的位置朗兵。允許負(fù)值污淋。
  參數(shù)2：必需。垂直陰影的位置余掖。允許負(fù)值寸爆。
  參數(shù)3：可選。透明度浊吏。
  參數(shù)4：可選而昨。顏色。