(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,并预先了解一下本书的内容。接下来的每章内容都将介绍与前面这个示例类似的相关示例的细节。图1-2表明,使用CSS可以指定背景图像以及HTML文档的其他美学特征。本书以后的章节还会深入介绍产生图1-2所示结果的CSS。
如果您喜欢探索未知,那么可以试试修改这里使用的CSS,例如改变一些值,看看会得到什么结果。不要担心出问题,学习的道路不会是一片坦途。
有时候您会发现,在使用CSS时,为了使旧版本的IE中的显示效果与Safari、Firefox、Chrome和Opera浏览器相同,需要采取一些技巧。在本书中,您将学到各种技巧和方案,使得应用了CSS的网页能够与IE 6兼容。