调用外部css样式表的方法:
1、使用link来调用外部的css文件
在head放置<link rel="stylesheet" href="css文件路径" type="text/css" />来调用外部的wcss.css文件来实现html引用css文件。
link标签通常放置在一个网页的头部标签head标签内的用于链接外部css文件、链接收藏夹图标(favicon.ico),<link> 标签最常见的用途是链接外部样式表,外部资源。
链接外部css样式时候link标签的内容结构解释:
href 值为外部资源地址,这里是css的地址
rel 定义当前文档与被链接文档之间的关系,这里是外部css样式表即stylesheet
type 规定被链接文档的 MIME 类,这里是值为text/css
这样就构成了一个完整的link标签
注意link标签因为不像<head></head>、<html></html>是一对的,解释还需一个斜杠的标签,这里link样式是放在<link>内的。
根据W3C标准,需要直接用斜杠一个">"结束,如<link .... ... />构成完整的一个link标签。
2、使用@import引用外部CSS文件方法
@import规则语法
@import url; @import url list-of-media-queries;
url是一个表示要引入资源位置的 <string> 或者 <uri> 。 这个 URL 可以是绝对路径或者相对路径。 要注意的是这个 URL 不需要指明一个文件; 可以只指明包名,然后合适的文件会被自动选择 。
list-of-media-queries是一个逗号分隔的 媒体查询 条件列表,决定通过URL引入的 CSS 规则 在什么条件下应用。如果浏览器不支持列表中的任何一条媒体查询条件,就不会引入URL指明的CSS文件。
以上就是外部css怎么调用?的详细内容,更多请关注0133技术站其它相关文章!