背景
| 屬性 | 描述 |
|---|---|
| background | 簡寫屬性掂为，作用是將背景屬性設(shè)置在一個聲明中 |
| background-attachment | 背景圖像是否固定或者隨著頁面的其余部分滾動 |
| background-color | 設(shè)置元素的背景顏色 |
| background-image | 把圖像設(shè)置為背景 |
| background-position | 設(shè)置背景圖像的起始位置 |
| background-repeat | 設(shè)置背景圖像是否及如何重復(fù) |
| background-size | 設(shè)置背景的大小(兼容性) |
background-color: #F00;
background-image: url(background.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0 0;
可以縮寫為一句：
background: #f00 url(background.gif) no-repeat fixed 0 0;
icon五種實現(xiàn)方式
- img標(biāo)簽
注意事項：1. img的大小設(shè)置裕膀。 2. img的vertical-align。 3. 請求過多勇哗。
- icon sprites
缺點：1. 無法縮放 2. 不好修改
1.在線工具
2.用命令行：(sprity create build resource/*.png -s style.css)
- icon font（把字體做成圖標(biāo)）
1.制作字體文件昼扛。
2.聲明font-family。1. 使用本地連接欲诺。 2. 使用第三方鏈接
3.使用font-family 1. 使用HTML實體 2. 使用CSS:before
- css icon（IE不支持）
css icon
- svg（移動端首選）
1.img src=svg
2.SVG"sprites"
