文章/答案/技术大牛

发布

问第一次用css同步html
EN

Stack Overflow用户

提问于 2014-03-28 00:38:41

回答 3查看 1.7K关注 0票数 0

我只是在学习如何做这件事，我在努力做一些非常简单的事情。我开始构建一个网站，我想同步我的CSS与我的HTML。在我的计算机上，我在我的文档中启动了一个名为“开发”的文件，在该文件夹中启动了另一个名为“practise”的文件夹，该文件夹中是我的index.html，css文件夹(与我的main.css文件一起)，然后是我的img文件夹。这是目前为止我的HTML代码。有谁能让我知道为什么css和html没有相互读取？

p.s.-我试过了

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>

谢谢:)

html

css

回答 3

Stack Overflow用户

发布于 2014-03-28 00:43:08

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

票数 0

Stack Overflow用户

发布于 2014-03-28 00:44:16

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

如果您的html文件是实践文件夹，而css文件位于实践文件夹中的css文件夹中，则链接标记应该如下所示：

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

票数 0

Stack Overflow用户

发布于 2014-03-28 00:47:10

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

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

因此，有两个问题：

你的HTML指的是theme.css，而不是main.css
theme.css位于子文件夹中，但是您引用它时没有文件夹前缀，所以HTML认为它在HTML的旁边。

变化

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

至

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

而且，当您在使用它时，将<header>元素放在body元素中，如@Serlite所指出的那样。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22702075

复制

相似问题

问第一次用css同步html
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问第一次用css同步htmlEN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问第一次用css同步html
EN