HTML 字体样式

HTML 是一种用于创建网页的标记语言，开发者可以通过 HTML 编写网页结构和内容。在 HTML 中，字体样式是非常重要的，可以通过设置字体大小、字体颜色、字体样式等方式来让网页内容展现得更美观、更易读。在本文中，我们将重点介绍 HTML 中如何设置字体样式。

使用属性样式

例如，在 HTML 中，<p> 元素可以用来定义一个段落，可以用以下方式来设置段落中字体的颜色和大小：

<p style="color:red;font-size:20px">这是一段红色字体 大小为20 </p>

使用 CSS 样式表

例如，在 CSS 样式表中，可以使用以下代码来设置字体样式：

 p{font-family: 楷体;font-size: 16px;color: #333;}

上述代码中的 p 选择器表示为段落元素设置样式；font-family 属性设置字体的名称，sans-serif 为备用字体名称；font-size 属性设置字体的大小，16px 为像素单位；color 属性设置字体颜色，#333 为十六进制颜色值。

HTML 中常用的字体样式属性

font-family 属性：用于设置字体的名称，常用的字体包括 Arial、Times New
Roman、Helvetica、Courier New、Verdana 等。
font-size 属性：用于设置字体的大小，常见的单位包括像素（px）、百分比（%）、点（pt）和 em（em
用于相对于父元素的尺寸单位）等。
font-style 属性：用于设置字体样式，常用的值包括 normal、italic 和 oblique。
font-weight 属性：用于设置字体的粗细，常用的值包括 normal、bold 和 bolder 等。
font-variant 属性：用于设置文本的大小写形式，常用的值包括
normal（默认值）、small-caps（小型大写字母模式）等。
color 属性：用于设置文本内容的颜色，常见的值包括十六进制颜色值和颜色名称。

<html>
<head><meta charset="UTF-8"><title>Title</title><style type="text/css">p{font-family: 楷体; /* 设置字体*/font-size: 16px;  /* 字体大小*/color: red;   /* 字体颜色*/font-variant: normal;  /*  normal默认*/font-style: italic;  /* italic字体倾斜*/font-weight: bolder;  /*字体加粗 */}</style>
</head>
<body><p>
这是一个段落标签
</p>
</body>
</html>