Question

我正在学习CSS，似乎很难使用外部样式表。这是我的样式表中名为“page_style.css”的代码：

p{
    color:#383838
    font-family:tahoma
    }

h1
    {
    color: #00A300
    font-family:david
    }

h2
    {
    color:pink
    text-align:center
    font-family:arial
    }

这是我的HTML页面上的代码：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="F:\Projects\Programming\CSS\In CSS\Try and Fun\Level 1\page_style.css">

</head>
<body>

<h1>This is a big text</h1>
<h2>This is a smaller text</h2>
<p>This is a paragraph</p>

</body>
</html>

我曾尝试在href中编写“page_style.css”而不是整个链接，但它也没有帮助。尝试改变“斜线”的方向（'/'vs'\'）并且也没有用。

Answer 1

你的问题是缺少css中的分号：

p{
    color:#383838;
    font-family:tahoma;
}

h1{
    color: #00A300;
    font-family:david;
}

h2{
    color:pink;
    text-align:center;
    font-family:arial;
}

除非您使用file:///协议：file:///F:\Projects\Programming\CSS\In CSS\Try and Fun\Level 1\page_style.css，否则浏览器不会读取完整文件路径。但是有些浏览器不会从http协议转换到文件协议。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="page_style.css">

</head>
<body>

<h1>This is a big text</h1>
<h2>This is a smaller text</h2>
<p>This is a paragraph</p>

</body>
</html>

使用外部样式表的困难

1 个答案: