CSS是网页设计领域不可或缺的一部分。参照网页布局和样式制作的要求,我们需要为网页添加CSS样式。如何引入CSS样式表是一个不容忽略的问题。
CSS样式表的引入方式是通过标签来实现的。其语法如下:
<!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> ... </body> </html>
其中,type属性规定样式表的文档类型。rel属性规定文档当前元素与目标文档间的关系;通常是stylesheet,表示目标文档是样式表。
在href属性中,我们把样式表的文件名放在了引号中。如果样式表的文件与HTML文档位于同一目录,只需使用文件名即可。如果样式表文件位于网站的根目录下,在文件名前需加上路径。
需要注意的是,在
标签内,标签的位置要放在其他标签之前。这么做是为了确保CSS样式表被先于页面渲染前加载。