📌  相关文章
📜  HTML-样式表

📅  最后修改于: 2020-12-16 05:56:53             🧑  作者: Mango

级联样式表(CSS)描述了文档如何在屏幕上呈现，以印刷形式呈现，或者如何发音。自该联盟于1994年成立以来，W3C一直在网络上积极促进样式表的使用。

级联样式表(CSS)提供了简便有效的替代方法，可以为HTML标签指定各种属性。使用CSS，您可以为给定的HTML元素指定许多样式属性。每个属性都有一个名称和一个值，以冒号(:)分隔。每个属性声明都用分号(;)分隔。

例

首先让我们考虑一个HTML文档的示例，该示例利用标记和相关属性来指定文本颜色和字体大小-

注–不建议使用字体标签，并且应该在将来的HTML版本中将其删除。因此，不应该使用它们，建议使用CSS样式来操纵字体。但仍出于学习目的，本章将使用使用font标签的示例。

现场演示
HTML CSS
   
    
   
      
Hello, World!

我们可以借助样式表重写以下示例，如下所示：

现场演示
HTML CSS
   

   
      
Hello, World!

这将产生以下结果-

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

  • 外部样式表-在单独的.css文件中定义样式表规则，然后使用HTML 标记将该文件包含在HTML文档中。

  • 内部样式表-使用

    This is red

    This is thick

    This is green

    This is thick and green

这将产生以下结果-

内联样式表

您可以使用相关标签的style属性将样式表规则直接应用于任何HTML元素。仅当您只想在任何HTML元素中进行特定更改时才应执行此操作。

与元素内联定义的规则将覆盖外部CSS文件中定义的规则以及