我目前正在学习html和css。我已经了解了这段代码,
<link rel="stylesheet" href="https://www.w3schools.com/html/styles.css">
据说外部样式表可以通过3种方式加载,这就是其中一种方式。
所以我的问题是,这是否意味着我必须将样式表上传到特定网站,以便我可以访问样式表我的html文档?
PS。抱歉英文不好
编辑:链接来自w3schools,我正在从那里学习基础知识。如果我不应该这样做,请告诉我,以便我可以删除它。
答案 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文件夹
{{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>