CSS3字体样式属性详解：font-size, font-family, font-weight与更多

本资源详细介绍了HTML5和CSS3中用于网页制作的字体样式属性，包括`@font-face`、`word-wrap`、`font-size`、`font-family`、`font-weight`、`font-style`以及`font`属性。 在网页设计中，为了创建丰富的文本样式，CSS提供了多种字体样式属性。首先，`font-size`属性用于设定文本的字号，其值可采用相对长度单位（如`em`、`px`）或绝对长度单位（如`in`、`cm`、`mm`、`pt`）。`px`是最常用的单位，能确保跨设备的一致性。 接着，`font-family`属性用于指定文本的字体类型。常见的字体包括宋体、微软雅黑和黑体等。如果字体名称包含特殊字符，需用引号包围，中文字体通常需要用英文状态下的引号。 `font-weight`属性则用来定义字体的粗细，例如设置加粗或正常。其值可以是数值（100到900，900代表最粗）或关键词（如`normal`、`bold`）。 `font-style`属性用于设定字体变体，如斜体。它可以设置为`normal`（默认值）、`italic`（斜体）或`oblique`（倾斜）。`italic`适用于有内置斜体的字体，而`oblique`则是对无内置斜体字体的倾斜处理。 `font`属性是一个综合性属性，允许一次性设置`font-style`、`font-variant`、`font-weight`、`font-size`、`line-height`和`font-family`，简化代码。语法格式如下： ```css 选择器 { font: font-style font-variant font-weight font-size/line-height font-family; } ``` 另外，`@font-face`规则允许开发者定义自定义字体，即使用户电脑上未安装该字体。开发者需要提供字体名称和字体资源路径，确保在需要时可以从服务器加载字体。 最后，`word-wrap`属性用于处理长单词或URL的自动换行，避免文本溢出。其默认值通常为`normal`，不换行，但可以设置为`break-word`来允许长单词在必要时换行。 这些CSS3的字体样式属性极大地增强了网页设计者对文本外观的控制，使得网页内容更加美观且易于阅读。