(5) 將前面的CSS保存到example_1-1.html所在的文件夾中，并命名為example_1-1.css。

在Mac OS X上把這些代碼加載到Safari瀏覽器中會產(chǎn)生如圖1-2所示的結(jié)果。

如果要查看example_1-1.html在其他瀏覽器中的效果，那么可以打開該瀏覽器中的File菜單，然后選擇Open或Open File命令，并載入硬盤中的example_1-1.html。

工作原理

示例1-1簡單介紹了少量CSS功能。該示例的目的是讓您親手編寫CSS，并預(yù)先了解一下本書的內(nèi)容。接下來的每章內(nèi)容都將介紹與前面這個(gè)示例類似的相關(guān)示例的細(xì)節(jié)。圖1-2表明，使用CSS可以指定背景圖像以及HTML文檔的其他美學(xué)特征。本書以后的章節(jié)還會深入介紹產(chǎn)生圖1-2所示結(jié)果的CSS。

如果您喜歡探索未知，那么可以試試修改這里使用的CSS，例如改變一些值，看看會得到什么結(jié)果。不要擔(dān)心出問題，學(xué)習(xí)的道路不會是一片坦途。

有時(shí)候您會發(fā)現(xiàn)，在使用CSS時(shí)，為了使舊版本的IE中的顯示效果與Safari、Firefox、Chrome和Opera瀏覽器相同，需要采取一些技巧。在本書中，您將學(xué)到各種技巧和方案，使得應(yīng)用了CSS的網(wǎng)頁能夠與IE 6兼容。