在HTML文档中,大家可以通过<link>标签来引入外部样式表。<link>标签必须位于<head>标签中,其中的href属性用于指定CSS样式表的URL地址,而rel属性则表示该链接的类型,因为一个页面中可能会引入多个CSS文件,rel属性就很重要了。
在<link>标签中,rel属性的值通常有以下几种:
<link href="style.css" rel="stylesheet"><link href="style.css" rel="preload" as="style"><link href="script.js" rel="preload" as="script"><link href="icon.png" rel="icon" type="image/png">
除此之外,大家还可以通过@import来引入外部样式表,这种方式相对来说不太常用。@import必须写在CSS文件的最前面,同时要注意避免递归导入。
@import url('style.css');
至此,大家便介绍完了CSS如何实现外部引入的方法。