Question

我只是学习如何做到这一点，我正在努力解决一些非常简单的问题。我开始构建一个网站，我想将我的CSS与我的HTML同步。在我的计算机上，我在我的文档中创建了一个名为“开发”的文件。并在该文件夹中另一个名为＆＃39; practice＆＃39;在那个文件夹里面是我的index.html，css文件夹（带有我的main.css文件），然后是我的img文件夹。这是我到目前为止的HTML代码。那里的任何人都可以告诉我为什么css和html不能互相阅读吗？

.-我试过了和

HTML：

<!DOC TYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>The Boast | Blah Blah </title>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,300,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="theme.css">
</head>
<header>
    <h1> Ashcroft & Rowe </h1>
    <h5> Blah Blah </h5>
    <nav> 
        <h3>Ad<h3>
        <h3Br<h3>
        <h5>St<h5>
        <h5>De<h5>
        <h5>Com<h5> 
    </nav>
</header>
<body>
    <section>
</body>
</html>

谢谢：）

Answer 1

您的CSS链接指向“theme.css”。如果您的css文件名为main.css并且在文件夹中，请尝试将其更改为href =“foldername / main.css”

Answer 2

您需要引用html文件所在的完整路径。

如果您的html文件是练习文件夹，并且css文件位于练习文件夹中的css文件夹中，则链接标记应如下所示：

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

Answer 3

听起来您的文件夹结构如下所示：

development/
    practise/
        index.html
        css/
            main.css

所以，有两个问题：

您的HTML是指theme.css，而不是main.css
theme.css位于子文件夹中，但您在没有文件夹前缀的情况下引用它，因此HTML认为它是 next 到HTML。

更改

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

到

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

而且，当你遇到它时，将<header>元素放在body元素中，并注明@Serlite。

首次将html与css同步

3 个答案: