Posted on | by liu
CSS是现代网页设计中必不可少的一部分，通过CSS大家可以为网页添加各种样式和布局。而为了将CSS应用到HTML页面中，大家需要使用CSS文件进行引用。
在HTML代码中引用CSS文件非常简单，只需要在HTML文件中使用标签，并且指定CSS文件的路径即可。如下所示：
<link rel="stylesheet" type="text/css" href="style.css"
其中，rel属性用于定义该文件与HTML文件的关系，type属性用于指定文件类型，href属性用于指定文件路径。
需要注意的是，路径的书写方式取决于CSS文件和HTML文件的相对位置。如果两个文件在同一文件夹下，则只需要写文件名即可。如果CSS文件在HTML文件的上级目录下，则需要写 “../” 表示路径向上一级。
例如，HTML文件的路径为 “index.html”，CSS文件的路径为 “css/style.css”，则需要写如下代码：
<link rel="stylesheet" type="text/css" href="css/style.css"
如果CSS文件在HTML文件的上一级目录中，则需要写：
<link rel="stylesheet" type="text/css" href="../css/style.css"
总之，在HTML文件中引用CSS文件非常简单，只需要注意文件路径的书写方式即可。这样就能为网页添加各种美丽的样式啦！