请问为什么css文件用link嵌入到HTML文件后打开网页没有效果?

6、如果你搞不清两个文件的相对位置,保险起见,你也可以使用完整的url路径:href="http...你的网址.../css所在文件夹名/41.css"这个是最保险的,不管你的html文件放在哪里(甚至是别的网站),都可以调用css文件。当然这种方法只适合于已部署的网站(也就是必须用网址打开的)...
请问为什么css文件用link嵌入到HTML文件后打开网页没有效果?
肯定是路径错了。这得根据css文件和当前html文件的相对位置而定:
1、如果css和html放在同一文件夹,那么这样写:
href="41.css" 或 href="./41.css"
2、如果css放在html的上级文件夹,则这样写:
href="../41.css"
3、如果css放在html的下级文件夹(假定名为sub),则应该这样写:
href="sub/41.css" 或 href="./sub/41.css"
4、如果css放在html的上级文件夹的下级文件夹(假定名为xxx),也就是说与html所在文件夹是平级文件夹,则应该这样写:
href="../xxx/41.css"
5、如果css文件放在网站的根目录,则可以这样写:
href="/41.css"
请注意,如果你的html文件是本地执行的(就是用鼠标双击html文件运行的),那么这里说的“根目录”是指驱动器的根目录;而如果是在web服务器运行的(就是在浏览器地址栏输入网址打开的),则根目录是指网站在服务器的最顶层目录。
6、如果你搞不清两个文件的相对位置,保险起见,你也可以使用完整的url路径:
href="http...你的网址.../css所在文件夹名/41.css"
这个是最保险的,不管你的html文件放在哪里(甚至是别的网站),都可以调用css文件。当然这种方法只适合于已部署的网站(也就是必须用网址打开的)
2023-08-25
css文件用link嵌入到HTML文件中,但打开网页没有效果的原因可能有以下几点:

路径出错 。css文件和html文件路径不同,导致系统无法找到。
属性写错 。href敲成了herf。
浏览器缓存问题 。修改css文件后,浏览器中样式并没有修改,这时候只需要清除浏览器缓存或者强制刷新就可以。

此外,还可能是由于浏览器版本、操作系统版本、兼容性问题等导致。
 2023-08-25
mengvlog 阅读 9 次 更新于 2025-07-21 07:35:46 我来答关注问题0
  •  阿暄生活 css里link css中link和import

    link:在页面载入时会同时加载所引用的CSS文件,是一种并行加载的方式,这有助于页面更快地呈现样式。@import:则是在页面完全载入后才加载所引用的CSS文件,这可能会导致页面在加载过程中出现无样式的状态。浏览器兼容性:link:作为XHTML标签,具有广泛的浏览器兼容性,无需担心兼容性问题。@import:虽...

  • 因为通用性强,适用于大多数情况,特别是在需要确保样式快速且稳定加载的网页中。@import由于其加载特性,在某些特定场景下可能有用,例如用于浏览器过滤来兼容老版本浏览器,但这不是其主流用途。总结:在大多数情况下,推荐使用标签来加载CSS文件,因为它具有更好的兼容性和加载性能。而@im...

  •  翡希信息咨询 css引用的两种方式,link和@import的区别

    link:是XHTML标签,除了用于加载CSS外,还可以定义如RSS等其他事务。@import:属于CSS范畴,专门用于加载CSS,不能用于其他目的。加载时机:link:在页面载入时同时加载CSS文件。@import:需要在页面完全载入以后才能加载CSS文件。兼容性:link:作为XHTML标签,无兼容性问题。@import:在CSS2.1中提出,某些...

  • 肯定是路径错了。这得根据css文件和当前html文件的相对位置而定:1、如果css和html放在同一文件夹,那么这样写:href="41.css" 或 href="./41.css"2、如果css放在html的上级文件夹,则这样写:href="../41.css"3、如果css放在html的下级文件夹(假定名为sub),则应该这样写:href="sub/41...

  •  翡希信息咨询 CSS的link和import方式的区别

    link:属于XHTML标签,具有更广泛的功能。@import:完全是CSS提供的一种方式,功能相对单一。加载顺序:link:引用的CSS会在页面加载时同时被加载。@import:引用的CSS会等到页面全部被下载完再被加载,可能导致页面在加载初期没有样式。兼容性:link:具有较好的兼容性,可以在各种浏览器中正常工作。@import...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部