HTML前端基础：字体与样式指南

"文字、段落、背景的常用样式.pdf" 这篇PDF文件是关于Web前端开发HTML基础知识的课件，主要涵盖了HTML中的文本样式设置，包括颜色、字体大小、字体家族、字体样式和字体权重等方面的内容。 在HTML中，我们可以使用`<style>`标签或者外部CSS文件来定义文本样式。颜色可以通过多种方式指定，如直接使用颜色名称（如`red`），RGB值（如`rgb(255, 0, 0)`）或十六进制代码（如`#FF0000`）。字体大小通常用`font-size`属性来设定，单位可以是像素（px）、相对单位（em）或百分比等。例如，`1em`等于当前元素的父元素的字体大小，一般默认为16px。不同级别的字体大小有预设值，如`xx-small`到`xx-large`。 字体家族(`font-family`)用于定义文本显示的字体，可以列出多个备选字体，浏览器会按顺序尝试使用。例子中提到了`Arial`、`Times New Roman`等常见字体，并且可以用通用类别来指定，如`Serif`、`Sans-serif`、`Monospace`、`Cursive`和`Fantasy`。 字体样式(`font-style`)有`normal`、`italic`和`oblique`三种，其中`italic`会显示斜体，`oblique`则倾向于倾斜但不完全斜体。字体权重(`font-weight`)从100到900，数值越大字体越粗，常见的`normal`对应400，`bold`对应700。此外，还可以使用`bolder`和`lighter`来相对当前值增减粗细。 综合设置字体样式的语法是`font: font-size/line-height font-family;`，例如`p{font: italic bold 12px/20px Arial, sans-serif;}`将定义段落的字体样式为斜体、加粗、12px大小，行高20px，并使用Arial字体，如果Arial不可用，则使用无衬线字体。 此外，课件可能还介绍了如何通过`@font-face`规则引入自定义字体，以便在网页中使用不在用户计算机上的特殊字体，如`@font-face{font-family:Audiowide-Regular; src:url('...');}`。 总体来说，这个课件是HTML初学者了解文本样式控制的良好参考资料，涵盖了文本颜色、大小、形状和外观等方面的基本概念。