外部css怎么调用?

CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。

调用外部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技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑