Question

有什么我做错了我想我必须检查代码至少1000次！我甚至验证它，看看我是否遗漏了任何东西。 HTML文件和CSS文件都在同一个文件夹中并且命名相应

<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <!-- Zlimoli -->
     <title> Zlimoli Project </title>
     <meta name="description" content="type the content description here" />
     <meta name="keywords" content="type, keywords, here" />
     <link rel="stylesheet" href="music.css" type="text/css" />
     <style type="text/css">
     </style>
 </head>

我不知道链接或我的CSS代码是错误的，因为它无法正常工作。

CSS代码：

p.color1 {color: lime;}
h1.align {text-align: center;}
<!-- Zlimoli Project -->

这就是我申请它时的样子：

<h1 class="align"> Zlimoli Project </h1>
<p class="color1"> Sample Text Here </p>

Answer 1

您已将<style>标记写错了，请尝试删除样式标记。

> <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <!-- Zlimoli -->
     <title> Zlimoli Project </title>
     <meta name="description" content="type the content description here" />
     <meta name="keywords" content="type, keywords, here" />
     <link rel="stylesheet" href="music.css" type="text/css" />

 </head>

Answer 2

删除样式标记并离开<link rel="Stylesheet" href="music.css" type="text/css">：D

HTML文件无法链接到我的CSS文件

2 个答案: