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

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

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

工作原理

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

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

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