外部样式表扩展

时间:2018-01-30 10:19:52

标签: css html5

我目前正在学习html和css。我已经了解了这段代码,

<link rel="stylesheet" href="https://www.w3schools.com/html/styles.css">

据说外部样式表可以通过3种方式加载,这就是其中一种方式。

所以我的问题是,这是否意味着我必须将样式表上传到特定网站,以便我可以访问样式表我的html文档?

PS。抱歉英文不好

编辑:链接来自w3schools,我正在从那里学习基础知识。如果我不应该这样做,请告诉我,以便我可以删除它。

4 个答案:

答案 0 :(得分:0)

以下

<link rel="stylesheet" href="https://www.w3schools.com/html/styles.css">

将从www.w3schools.com/html/下载styles.css文件。在这种情况下,您只需上传您的html文件。缺点是如果w3schools.com管理员删除文件你无法控制他的决定,你的页面将不再找到它。

最好的办法是将本地my_styles.css文件放在与html文件相同的文件夹中,然后

<link rel="stylesheet" href="my_styles.css">

这意味着你必须上传你的html文件和my_styles.css。在这种情况下,样式将始终可供Web浏览器下载。

答案 1 :(得分:0)

  

这是否意味着我必须将样式表上传到特定网站,以便我可以访问样式表

没有。样式表需要一个URL,以便浏览器可以访问它。它不必是由特定网站托管的URL。

该URL解析的位置并不重要(除非它是浏览器无法访问的网址 - 例如,如果网址位于私有LAN上且浏览器不在该网址上LAN)。

答案 2 :(得分:0)

不,不必在任何地方上传。 href属性只表示文件的位置。 webpage.html的值可以是相对绝对

相对

相对路径是相对于HTML文件所在的文件夹。因此,假设您在以下文件夹结构中有一个HTML页面styles.css和一个CSS文件My Website |-- css | `-- style.css |-- images `-- webpage.html

<link rel="stylesheet" href="../css/styles.css">

您的link元素可以使用这样的相对路径:

../

css/上一个文件夹,然后My Website进入css foler。

绝对

无论你指向哪里,绝对路径都指向同一个地方。在上面的文件夹结构中,如果<link rel="stylesheet" href="/css/styles.css"> 是我们网站的根目录,我们可以通过几种不同的方式使用绝对路径:

/

css/从根目录开始,然后<link rel="stylesheet" href="http://www.mywebsite.com/css/styles.css"> 进入css文件夹

OR

{{1}}

这会直接从URL中加载CSS,就像w3schools示例一样。

答案 3 :(得分:-1)

https://www.w3schools.com/tags/tag_link.asp

System.in

https://www.w3schools.com/tags/att_style_type.asp

<link rel="stylesheet" type="text/css" href="my_style.css" />

https://developer.mozilla.org/tr/docs/Web/CSS/@import

<style type="text/css">
...
</style>