css3-3 css3背景样式
生活随笔
收集整理的這篇文章主要介紹了
css3-3 css3背景样式
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
css3-3 css3背景樣式
一、總結(jié)
一句話總結(jié)：網(wǎng)站頁(yè)面上的小圖標(biāo)集成在一張大圖上面，是因?yàn)榻档头?wù)器負(fù)載，網(wǎng)站上的那些圖片都可以下載下來(lái)，源碼那里，或者工具那里。
?
1、background:#ccc url('xs.png') no-repeat fixed 50% 50%;中的最后兩個(gè)參數(shù)是什么意思？
背景圖片的偏移位置，表示距上和距左各百分之五十
?
2、為什么各種網(wǎng)站設(shè)置的時(shí)候把所有的小圖標(biāo)集成在一張圖上面？
降低服務(wù)器請(qǐng)求次數(shù)，降低負(fù)載，當(dāng)然這樣也會(huì)導(dǎo)致必須下載了這張圖頁(yè)面才能正常顯示。
?
3、各種網(wǎng)站設(shè)置的時(shí)候把所有的小圖標(biāo)集成在一張圖上面，怎么訪問(wèn)單一的圖？
百度：背景，然后偏移
?
4、百度頁(yè)面將css和js寫(xiě)在頁(yè)面內(nèi)部而不是外部的原因？
降低服務(wù)器請(qǐng)求次數(shù)，降低負(fù)載
?
5、background縮寫(xiě)的各個(gè)參數(shù)是什么意思？
12 background:#ccc url('xs.png') no-repeat fixed 50% 50%;?
?
二、css3背景樣式
1、相關(guān)資料
背景:
1.background-color
2.background-image
3.background-repeat
4.background-attachment
5.background-position
?
2、代碼
background縮寫(xiě)形式
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>index</title> 6 <style> 7 *{ 8 font-family:微軟雅黑; 9 } 10 11 body{ 12 background:#ccc url('xs.png') no-repeat fixed 50% 50%; 13 } 14 </style> 15 </head> 16 <body> 17 <div> 18 <h1>linux is very much!linux is very much!</h1> 19 <h1>linux is very much!linux is very much!</h1> 20 <h1>linux is very much!linux is very much!</h1> 21 <h1>linux is very much!linux is very much!</h1> 22 <h1>linux is very much!linux is very much!</h1> 23 <h1>linux is very much!linux is very much!</h1> 24 <h1>linux is very much!linux is very much!</h1> 25 <h1>linux is very much!linux is very much!</h1> 26 <h1>linux is very much!linux is very much!</h1> 27 <h1>linux is very much!linux is very much!</h1> 28 <h1>linux is very much!linux is very much!</h1> 29 <h1>linux is very much!linux is very much!</h1> 30 <h1>linux is very much!linux is very much!</h1> 31 <h1>linux is very much!linux is very much!</h1> 32 <h1>linux is very much!linux is very much!</h1> 33 </div> 34 </body> 35 </html>?
?
?
?
?
?
0 Links轉(zhuǎn)載于:https://www.cnblogs.com/Renyi-Fan/p/9211631.html
總結(jié)
以上是生活随笔為你收集整理的css3-3 css3背景样式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： docsify神奇的文档网站生成工具
- 下一篇： sqlplus: error while