Question

HTML和CSS noob遇到了我的第一个问题。

我正在使用Notepad ++，我的css和HTML文件都保存在同一个文件夹中。但每当我在浏览器中启动HTML文件时，我使用的css ID都没有做任何特别的居中和改变颜色。

这似乎是那些容易修复的事情之一。

的main.css

   <style>
   #change{color:red; text-align:center }
   </style>

example.html的

<html>
<html lang="en">
<head>
<meta charset="utf-8">
<Title>sample</title>
<link rel="stylesheet"  href="folder/main.css" />
</head>

 <body>
 <p id="change">Sample sample sample </p>     //HERE IS WHERE THE ID IS
 </body>

  </html>

任何人都知道我做错了什么

Answer 1

结合当前的两个答案：

如果您网站的目录结构只是同一文件夹中的index.html和main.css，那么链接两者的路径就是：

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

当前css页面中的Style标签是多余的，不必要。样式标签可以在html中使用，但很少使用。

最后，不确定这是否只是您发布的代码，但这里的html就好像它都是注释一样，并确保删除它，如果它在您当前的代码（/ *）。< / p>

Answer 2

删除<style>和</style>标记。您的 main.css 文件应该只包含CSS：

#change{ color:red; text-align:center }

Answer 3

检查css路径。

下面的路径是什么？

7ffffffffffffc00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000

删除main.css中的标记

在css文件中，任何html标签不得都存在。

Answer 4

欢迎来到网页设计的世界！事情会变得非常令人沮丧，但只要你表现出解决问题的意愿，一切都会顺利进行。我喜欢您在发布之前尝试解决问题的事实。即使这是一件基本的事情，让我们一步一步走：

main.css不需要<style>个标签。只有在HTML页面的<head>元素内部编辑CSS时才需要这些。在* .css文件中，您只需开始定义CSS规则。
确保您遵循#change { color: red; text-align: center; }之类的正确间距（始终完成带有半结构的CSS规则）

你也可以这样打破它们：

#change { color: red; text-align: center; }

字符/*和*/是CSS注释语法。浏览器应忽略这些字符之间的任何内容。
<link rel="stylesheet" href="folder/main.css" />可能是导致问题的原因，因为您声明html文件和css文件位于同一文件夹中。如果是这种情况，您不需要"folder/main.css"，但只需要href="main.css" />此外，添加<link rel="stylesheet" type="text/css" href="main.css" />让浏览器知道文件类型也不会有什么坏处你正在链接。

这是一个有效的例子。

＆＃13;

#change {
  color: red;
  text-align: center;
  }

＆＃13;

<html lang="en">

<head>
    <meta charset="utf-8">
    <Title>sample</title>
    <link rel="stylesheet" href="folder/main.css" />
</head>

<body>
    <p id="change">Sample sample sample </p>
</body>

</html>

＆＃13;

HTML页面不会响应CSS中的ID

4 个答案: