Question

我无法使用外部样式表更改背景颜色。当我尝试使用内部样式表时，它的工作完美。这是代码。

ext1.css
<style>
body{
   background-color: red;
}
ul{
   color:green;
}
:link{
    color:aquamarine;
}
p{
   font-family:"arial";
    font-size:20px;
}
</style>


HTML DOC

<!doctype html>
<html>
<head>
<title> Defining external style sheet</title>
<link href="ext1.css" rel="stylesheet" type="text/css">
</head>
<body>
<ul>
<li> <a href="#Home">Home</a></li>
<li> <a href="#News">News</a></li>
<li> <a href="#Contact us">Contact</a></li> 
<li> <a href="#About">About</a></li>
</ul>
<p> NOTE: We use href="#" for test links , in real web sites we will use URL's </p>

Answer 1

您的外部CSS中不能包含HTML <style>标记。

您的CSS文件应如下所示：

body {
   background-color: red;
}
ul {
   color: green;
}
:link {
   color: aquamarine;
}
p {
   font-family: "arial";
   font-size: 20px;
}

身体{background-color}无法在外部css中工作？

1 个答案: