CSS样式表在HTML文档中的应用

1.1.1CSS样式表在HTML文档中的应用

利用CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。这就避免了象表格嵌套那样将整个页面圈在一个大表格里，使得页面体积变小，浏览速度变快。

1.1.2如何插入样式表

当浏览器读到一个样式表时，浏览器会根据它来格式化HTML文档。插入样式表的方法有三种：

●外部样式表

顾名思义，外部样式表是指储存在html文档之外的独立CSS文件中的样式表。当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用元素链接到样式表。

浏览器会从文件mystyle.css中读到样式声明，并根据它美化HTML文档。外部样式表可以在任何文本编辑器中进行编辑，但该文件中不能包含任何的html元素。样式表应该

不要在属性值与单位之间留有空格。例如使用“margin-left: 20 px” 而不是“margin-left: 20px”，它仅在IE6中有效，但是在Mozilla/Firefox或Netscape中却无法正常工作。

●内部样式表

对于小范围应用的样式，为了精简外部样式表的规模，常常在该html文档中直接定义样式表，故命名为内部样式表。此时可以使用