css3-3 css3背景样式
生活随笔
收集整理的這篇文章主要介紹了
css3-3 css3背景样式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
css3-3 css3背景樣式
一、總結
一句話總結：網站頁面上的小圖標集成在一張大圖上面，是因為降低服務器負載，網站上的那些圖片都可以下載下來，源碼那里，或者工具那里。
?
1、background:#ccc url('xs.png') no-repeat fixed 50% 50%;中的最后兩個參數是什么意思？
背景圖片的偏移位置，表示距上和距左各百分之五十
?
2、為什么各種網站設置的時候把所有的小圖標集成在一張圖上面？
降低服務器請求次數，降低負載，當然這樣也會導致必須下載了這張圖頁面才能正常顯示。
?
3、各種網站設置的時候把所有的小圖標集成在一張圖上面，怎么訪問單一的圖？
百度：背景，然后偏移
?
4、百度頁面將css和js寫在頁面內部而不是外部的原因？
降低服務器請求次數，降低負載
?
5、background縮寫的各個參數是什么意思？
12 background:#ccc url('xs.png') no-repeat fixed 50% 50%;?
?
二、css3背景樣式
1、相關資料
背景:
1.background-color
2.background-image
3.background-repeat
4.background-attachment
5.background-position
?
2、代碼
background縮寫形式
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轉載于:https://www.cnblogs.com/Renyi-Fan/p/9211631.html
總結
以上是生活随笔為你收集整理的css3-3 css3背景样式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： docsify神奇的文档网站生成工具
- 下一篇： sqlplus: error while