Question

<p style="color:red;"> text here </p>th

这段代码有效但是如何使用样式属性使文本更大？

Answer 1

直接在HTML中执行此操作的方法是：

<p style="color: red; font-size: 50px"> text here </p>

如您所见，您只需将样式规则与分号分开。

但是，如果你想使用CSS来做这件事，你可以这样做：

<强> HTML

<p class="large-red-text">text here</p>

<强> CSS

.large-red-text {
    color: red;
    font-size: 50px;
}

请确保将CSS保存在包含.css扩展名的文件中，并将其包含在<head>标记的HTML中，如下所示：

<link rel="stylesheet" type="text/css" href="filename.css" />

Answer 2

基本上，您有三种选择如何实现CSS：

您将CSS直接放入HTML元素中。多个CSS属性除以分号;，例如<p style="color:red; margin: 0;">

您将CSS放入HTML（<style>）文件中的.html标记中：

<style>
p {
   color: red;
   margin: 0;
}
</style>

您将CSS放入带有.css后缀的单独文件中，然后将该文件包含在HTML文件的<head>标记中：<link rel="stylesheet" type="text/css" href="/path">