如何在HTML中使用多个样式属性

Question

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

但是，这段代码有效，但是如果使用style属性，我将如何使文本更大？

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（ .html ）文件中的<style>标记：

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

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