网页设计作业制作HTML网页引用CSS文件的几种方法

更新时间：2020-03-02 文章分类：网页技术课堂

同学们在完成网页设计作业时，制作HTML页面需要引用CSS样式，常见的页面引用CSS文件的方法主要有：行内样式、内嵌式、链接式、导入样式，这四种方式有什么区别呢？

一、行内样式

指写在标签里的Style元素的值，例如：<p style="color:#FF0000;">网页设计</p>

二、内嵌式

指写在HTML页面的head标签里，例如：<style type="text/css">XXXXXXXX</style>

三、链接式

在head标签内部进行引用，在外部专门写CSS文件，例如：<link rel="stylesheet" href="css/style.css"/>

四、导入样式

在head标签内引用，例如：<style type="text/css">@importurl("css/style.css");</style>

导入和链接的区别是：导入是一次加载，而链接是在需要其样式的时候再去加载，所以链接式的性能更高一点。

作品推荐