Question

我正在学习html和css但是当我得到这个css代码时，我被困住了。我无法将段落文字设为蓝色。我的HTML有什么问题吗？这是代码

<button onclick="goBack()">Zurück</button>

<script>
function goBack() {
    window.history.back();
}
</script>

Answer 1

编写color;blue;

的语法错误

<style type="text/css">
    p {color:blue;}
</style>

Answer 2

<style type="text/css">
p {
 color: blue;
}
</style>

Answer 3

写入颜色的语法错误;蓝色; 正确的方法::

<style type="text/css">
p {color:blue;}
</style>

Answer 4

这是正确的方式。而不是分号，你必须写冒号。

<! DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            p {color: blue;}
        </style>
    </head>
    <body>
        <p>This text is blue </p>
    </body>
</html>

Read more关于它。

Answer 5

示例：

<html>
<head>
  <style type="text/css">
    p {
      color: blue;
    }
  </style>
</head>
<body>
  <p>This text is blue</p>
</body>
</html>

Answer 6

或者只是简单地说 - 没有添加样式标签

<p style="color:blue">This text is blue </p>

Answer 7

哦，太近了。您已使用分号 ;而不是冒号 :。更改它可以解决您的问题。

＆＃13;

p { color: blue; }

＆＃13;

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            p { color: blue; }
        </style>
    </head>
    <body>
        <p>This text is blue</p>
    </body>
</html>

＆＃13;

但是，如果可以的话，我强烈建议为您想要的段落指定一个特定的链。对所有p标签进行全局颜色更改并不是一种良好做法。

＆＃13;

.paragraphs p {
    color: red;  
}

＆＃13;

<div class="paragraphs">
    <p>This text is red</p>
    <p>And so is this</p>
</div>

<p>This paragraph's color hasn't changed.</p>

＆＃13;

旁注。如果需要，您可以在style标记中添加p属性，以更改该特定段落的颜色。

＆＃13;

<p style="color: orange;">This text is orange</p>
<p>This paragraph's color hasn't changed.</p>

＆＃13;

Answer 8

容易发现错误，只是分心。

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        p {
          color:blue;
        }
    </style>
</head>
<body>
    <p>This text is blue</p>
</body>
</html>

我如何在html中使用css

8 个答案: