CSS 設計技巧

1.置中-  margin:  auto;

2.漸層色塊
http://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28left\%2C\%20rgba\%28248\%2C80\%2C50\%2C1\%29\%200\%25\%2C\%20rgba\%28241\%2C111\%2C92\%2C1\%29\%2050\%25\%2C\%20rgba\%28246\%2C41\%2C12\%2C1\%29\%2051\%25\%2C\%20rgba\%28240\%2C47\%2C23\%2C1\%29\%2071\%25\%2C\%20rgba\%28231\%2C56\%2C39\%2C1\%29\%20100\%25\%29\%3B'


3.id的命名 不可以數字為開頭

4.css的style內部屬性設定時 須注意 先後次序

5.設定class內容的中心layout
 margin: auto;

6.將物件放在垂直中心
   style="line-height:80px;"

7.物件編排放在右側
   float:right;width:40px

8.兩個物件排在同一列
<div style="display:inline-block"> A</div>
<div style="display:inline-block"> B</div>