CSS中的常用復合寫法
- 表格常用屬性
- 字體屬性的復合寫法
- 背景圖片的復合寫法
- 邊框的復合寫法
- 內邊距（padding）的復合寫法
- 外邊距（margin）的復合寫法
一、表格常用屬性：
| 屬性 | 含義 |
|---|---|
| cellpadding="5px" | 表格內容和單元格邊緣之間的距離為5px |
| cellspacing="0" | 單元格之間的距離 |
| border-collapse: collapse; | 合并相鄰的邊框 |
| colspan="2" | 合并行 |
| rowspan="2" | 合并列 |
二、字體屬性的復合寫法：
- font：font-style font-weight font-size/line-height font-family;
- 順序不能調換，含義如下：
屬性 說明 font-style 定義字體的風格（italic，傾斜） font-weight 定義字符的粗細，值由100到900，注意不加單位，400 等同于 normal（標準字體），而 700 等同于 bold（加粗）， font-size 設定字體的尺寸， line-height 設定字體的行高， font-family 規定元素的字體系列，（'Microsoft YaHei' 、serif）
三、背景圖片的復合寫法：
1. background: black url(“images/logo.jpg”) no-repeat fixed center top;
1. 背景的復合寫法沒有順序的，但是一般習慣性的寫成如下的順序，如果不設定則可以省略，
2. 背景顏色 圖片地址 是否平鋪 背景圖片固定 圖片位置，
3. 顏色還可以用rgba()來代替，
2. background-position: right;
此時 水平一定是靠右側對齊 ， 第二個引數省略，則在 y 軸方向上是垂直居中顯示的，
3. background-position: top;
第一個引數是top，即y軸 頂部對齊， 第二個引數省略，則在x 軸方向上是 水平居中顯示的，
4. background-attachment: fixed;
背景圖片固定，不會隨著滾動條的滑動而滾動，
四、邊框的復合寫法
- border: 5px solid red;
- border-top: 5px solid red;
- 邊框的復合寫法是沒有順序的，一般習慣性的寫法是：邊框寬度、邊框樣式、邊框顏色，
五、內邊距（padding）的復合寫法
| 寫法 | 說明 |
|---|---|
| padding: 1px; | 一個引數，說明上下左右都有1像素的內邊距 |
| padding: 1px 2px; | 兩個引數，說明上下內邊距是1像素，左右內邊距是2像素 |
| padding: 1px 2px 3px; | 三個引數，說明上內邊距是1像素，左右內邊距是2像素，下內邊距是3像素 |
| padding: 1px 2px 3px 4px; | 四個引數，此時按順時針方向匹配值，上內邊距是1像素，右內邊距是2像素，下內邊距是3像素，左內邊距是4像素 |
六、外邊距（margin）的復合寫法
- margin的復合寫法和padding的復合寫法的引數含義完全一樣，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/258965.html
標籤：其他