Question

我正在使用单独的CSS文件来设计网页样式。我在HTML文件上创建了一个链接，以将样式效果应用到我的网页，但没有显示任何效果。

我尝试了最基本的样式，以查看网页是否有效果，但是什么也没发生。我尝试使用Microsoft Visual Studio，然后使用Notepad ++编写代码，但是仍然没有效果。我还尝试使用最新版本的Mozilla Firefox，Internet Explorer和Microsoft Edge打开我的网页，以查看是否有任何效果，但是什么也没发生。

我尝试使用将在下一个字段中显示的代码来设置h1元素的样式

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <link rel="Stylesheet" href="../css/staret.css" type="text.css">
</head>

<body>
    <h1> Football lives </h1>
</body>

</html>

在我的staret.css文件中，这是我写的：

h1 {
    color: Red;
}

我希望看到“足球生活”是红色，但实际输出是默认的黑色。

Answer 1

无需安装CSS插件。将CSS与HTML链接时，您的代码中存在一些错误。应该是，键入=“ text / css”代替“ text.css”

Answer 2

不。包括CSS3。无需将其视为“附件”或单独的东西。

您遇到的问题是您正在编写文件。尝试将其放在jsFiddle中。：）

.box {
  width: 20px;
  height: 20px;
  background: #ff0066;
  padding: 1rem;
  transform: rotate(20deg); /* CSS3 */
 }

<section class='example'>
  <div class='box'>hi</div>
</section>

是否需要安装CSS3插件？

2 个答案: