如何在HTML中使用样式表？

HTML中使用样式表来描述如何在屏幕上显示文档。使用CSS，可以轻松地为HTML元素指定许多样式属性。每个属性都有一个名称和一个值，并用冒号（:)分隔。

您可以在HTML文档中以三种方式使用CSS-

外部样式表-在单独的.css文件中定义样式表规则，然后使用HTML <link>标记将该文件包含在HTML文档中。
内部样式表-使用<style>标签在HTML文档的标题部分定义样式表规则。
内联样式表-使用style属性直接定义样式表规则以及HTML元素。

请记住，每个属性声明都用分号（;）分隔。使用style属性将CSS添加到HTML元素和属性。这是您可以添加内联样式表并设置文本颜色的方式-

示例

您可以尝试运行以下代码以将样式表添加到HTML页面

<!DOCTYPE html>
<html>
   <head>
      <title>HTML style sheet</title>
   </head>
 
   <body>
      <h1 style="color:red">
         Heading
      </h1>
      <p style="color:blue">
         This is demo text
      </p>
   </body>
</html>

基础教程