外部样式表CSS无法链接

时间:2018-06-01 17:12:47

标签: css html5 hyperlink

我之前已经问过这个问题,因为我已经检查了论坛。我无法将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;
}

1 个答案:

答案 0 :(得分:0)

我的代码还可以,问题是我保存CSS文件的方式,我选择了文件类型CSS(.css; * css,erb; .css,liquid),这对我来说很有意义保存CSS文件,但没有。我只需选择所有文件选项并将其自己命名为main.css。之后,我的代码运行完美

相关问题