原创力文档- 1、本文档共7页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
博学笃行自强不息
css字体样式大全
CSS字体样式大全
在网页设计中，字体样式对于页面的整体效果和用户体验起着重要
的作用。通过CSS，我们可以轻松地改变字体的样式，从而使网页
更加吸引人。本文将为您介绍一些常见的CSS字体样式，以帮助您
在设计网页时选择适合的字体风格。
1.字体系列(font-family)
在CSS中，可以通过font-family属性来指定字体的系列。字体系
列可以包含多个字体名称，用逗号分隔。当浏览器不支持第一个字
体时，会依次尝试显示后面的字体。以下是一些常用的字体系列示
例：
```
font-family:Arial,sans-serif;/*无衬线字体*/
font-family:TimesNewRoman,serif;/*衬线字体*/
font-family:Verdana,Arial,sans-serif;/*备选字体系列*/
```
1
博学笃行自强不息
2.字体大小(font-size)
通过font-size属性可以设置字体的大小。可以使用相对单位（如
em、rem）或绝对单位（如px、pt）来定义字体大小。以下是几
个示例：
```
font-size:16px;/*使用像素作为单位*/
font-size:1rem;/*使用相对单位rem*/
font-size:1.2em;/*使用相对单位em*/
```
3.字体粗细(font-weight)
设置字体的粗细可以传达文字的强调程度。可取的值有：normal
（默认）、bold（粗体）、bolder（更粗体）、lighter（更细体）
等。
```
font-weight:normal;/*默认粗细*/
font-weight:bold;/*粗体*/
2
博学笃行自强不息
font-weight:bolder;/*更粗体*/
font-weight:lighter;/*更细体*/
```
4.字体样式(font-style)
通过font-style属性可以设置字体的样式，包括斜体和正常（默认）
两种。示例如下：
```
font-style:normal;/*正常样式*/
font-style:italic;/*斜体样式*/
```
5.上划线、下划线和删除线(text-decoration)
通过text-decoration属性可以添加上划线、下划线和删除线效果。
示例如下：
```
text-decoration:none;/*无装饰线*/
3
博学笃行自强不息
text-decoration:underline;/*下划线*/
text-decoration:overline;/*上划线*/
text-decoration:line-through;/*删除线*/
text-decoration:underlineoverline;/*同时添加下划线和上划线
*/
```
6.字间距(letter-spacing)
通过letter-spacing属性可以设置字间距的大小。可以使用负值以
压缩字母之间的间距。示例如下：
```
letter-spacing:normal;/*默认字间距*/
letter-spacing:
文档评论（0）