HTML样式表

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

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

Example

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

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

<!DOCTYPE html>
<html>

    <head>
        <title>HTML CSS</title>
    </head>
	
    <body>
        <p><font color = "green" size = "5">Hello, World!</font></p>
    </body>

</html>

我们可以在样式表的帮助下重写以上示例，如下所示： 

<!DOCTYPE html>
<html>

    <head>
        <title>HTML CSS</title>
    </head>

    <body>
        <p style = "color:green; font-size:24px;" >Hello, World!</p>
    </body>

</html>

这将产生以下结果：

你可以在HTML文档中以三种方式使用CSS：

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

  • 内部样式表 ：使用