外部样式表CSS无法链接应该怎么解决?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (104)

无法将我的CSS链接到我的HTML5代码。我试着在不同的浏览器上运行我的代码并清理缓存,但没有任何工作。

这是我在HTML5中的代码:

<!DOCTYPE html>
<html>
     <head>
        <meta charset="utf-8"/>
        <title>External Style sheet </title>
        <link rel="stylesheet" type="text/css" href="main.css"/>
     </head>


     <body>
        <h1>Intro to CSS</h1>
        <p> I'm blue</p>
        <p>I can be any colour you want me to</p>
        <p>I know you only wanna use me as a <br>example</br></p>
     </body>


</html>

和我的CSS

p{
    color:red;
}

h1{
    background-color:yellow;
}
提问于
用户回答回答于

问题是保存CSS文件的方式,选择了文件类型CSS(.css; * css,erb; .css,liquid),因为试图保存CSS文件,但没有。只需要选择所有文件并将其命名为main.css。我的代码运行完美。

扫码关注云+社区

领取腾讯云代金券