可點選QR code
文章專區
網頁設計相關文章
常用的CSS簡寫
在撰寫上透過css的簡寫可以讓文件變更小，更易讀，以下為幾項常用的CSS簡寫：
margin padding間距的設定
可縮寫成四個數字，
如：margin:10px 30px 20px 10px
填寫順序依序為上右下左，想成從上方順時針數下來就對了。
margin:10px 30px第一數為上下的值，第二數為左右的。
margin:10px表示四邊的值。
邊框border的設定
border: 1px #c00 solid
依序為
border-width邊框寬度、border-color邊框顏色、border-style邊框樣式
background背景設定
background:url(001.jpg) #000 center no-repeat
依序為background-image背景圖片、background-color背景顏色、background-position背景定位、background-repeat背景重複
font文字設定
font: oblique bold 30px 24px 新細明體
依序為font-style文字樣式、font-weight文字粗細、font-size文字大小
、line-height行距、font-family文字字型
透過css的簡寫可以讓文件變更小，更易讀。如果能多加利用的話，便可有效節省css的撰寫量唷。
