方式一：

我們提供的服務(wù)有：成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、海城ssl等。為上1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的海城網(wǎng)站制作公司

margin:0px;
background: url(images/beijing.png) no-repeat;
background-size:100% 100%;
background-attachment:fixed;

url(images/beijing.png)——圖片路徑的位置；

no-repeat—— 圖片不重復(fù)；

center 0px——center是距離頁面左邊的定位，0px是距離頁面上面的定位；

background-position: center 0——就是圖片的定位，同上；

background-size: cover;——把背景圖像擴(kuò)展至足夠大，以使背景圖像完全覆蓋背景區(qū)域。背景圖像的某些部分也許無法顯示在背景定位區(qū)域中；

min-height: 100vh;——視窗的高度，“視區(qū)”所指為瀏覽器內(nèi)部的可視區(qū)域大小，即window.innerWidth/ window.innerHeight大小。

方式2：

background: url("image.png") no-repeat;
height:100%;
width:100%;
overflow: hidden;
background-size:cover;或者background-size:100%;

方式三：

給body標(biāo)簽指定背景圖，這樣背景圖就可以填充整個瀏覽器viewport了。其實，該方案對所有的塊級容器都可以生效。塊級容器的寬高是動態(tài)的，那么背景圖將自動伸縮，充滿整個容器。CSS body標(biāo)簽的樣式如下：

body {
/* 加載背景圖 */
background-image: url(images/background-photo.jpg);
/* 背景圖垂直、水平均居中 */
background-position: center center;
/* 背景圖不平鋪 */
background-repeat: no-repeat;
/* 當(dāng)內(nèi)容高度大于圖片高度時，背景圖像的位置相對于viewport固定 */
background-attachment: fixed;
/* 讓背景圖基于容器大小伸縮 */
background-size: cover;
/* 設(shè)置背景顏色，背景圖加載過程中會顯示背景色 */
background-color: #;
}

其實當(dāng)時在互聯(lián)網(wǎng)界已經(jīng)有過一些統(tǒng)一樣式表語言的建議了，但CSS是第一個含有“層疊”豐意的樣式表語言。在CSS中，一個文件的樣式可以從其他的樣式表中繼承。讀者在有些地方可以使用他自己更喜歡的樣式，在其他地方則繼承或“層疊”作者的樣式。這種層疊的方式使作者和讀者都可以靈活地加入自己的設(shè)計，混合每個人的愛好。

哈坤于1994年在芝加哥的一次會議上第一次提出了CSS的建議，1995年的www網(wǎng)絡(luò)會議上CSS又一次被提出，博斯演示了Argo瀏覽器支持CSS的例子，哈肯也展示了支持CSS的Arena瀏覽器。

同年，W3C組織（World WideWeb Consortium）成立，CSS的創(chuàng)作成員全部成為了W3C的工作小組并且全力以赴負(fù)責(zé)研發(fā)CSS標(biāo)準(zhǔn)，層疊樣式表的開發(fā)終于走上正軌。有越來越多的成員參與其中，例如微軟公司的托馬斯·萊爾頓(Thomas Reaxdon)，他的努力最終令I(lǐng)nternet Explorer瀏覽器支持CSS標(biāo)準(zhǔn)。哈坤、波斯和其他一些人是這個項目的主要技術(shù)負(fù)責(zé)人。1996年底，CSS初稿已經(jīng)完成，同年12月，層疊樣式表的第一份正式標(biāo)準(zhǔn)（Cascading style Sheets Level 1）完成，成為w3c的推薦標(biāo)準(zhǔn)。

1997年初，W3C組織負(fù)責(zé)CSS的工作組開始討論第一版中沒有涉及到的問題。其討論結(jié)果組成了1998年5月出版的CSS規(guī)范第二版。

或許還有更多，希望各位大佬們分享分享！????