原创力文档- 1、本文档共20页，可阅读全部内容。
- 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文本与字体样式基础文本与字体样式基础
1.CSS字体属性介绍字体属性介绍
1.1字体家族（字体家族（font-family））
字体家族属性用于指定元素的字体。可以指定多个字体，以防第一个字体不可用时，浏览器可以
使用列表中的下一个字体。
/*使用单一字体*/
p{
font-family:Arial;
}
/*使用多个字体*/
p{
font-family:TimesNewRoman,Times,serif;
}
1.2字体大小（字体大小（font-size））
字体大小属性用于设置文本的大小。可以使用相对单位（如em或%）或绝对单位（如px或
pt）。
/*使用像素单位*/
h1{
font-size:32px;
}
/*使用百分比单位*/
body{
font-size:100%;
}
1.3字体粗细（字体粗细（font-weight））
字体粗细属性用于设置文本的粗细。可以使用关键字normal、bold或数值100到900。
/*使用关键字*/
strong{
font-weight:bold;
}
/*使用数值*/
p{
font-weight:400;
}
1.4字体样式（字体样式（font-style））
字体样式属性用于设置文本的斜体或正常样式。可以使用关键字normal、italic或
oblique。
/*使用斜体*/
em{
font-style:italic;
}
/*使用正常样式*/
p{
font-style:normal;
}
1.5字体变体（字体变体（font-variant））
字体变体属性用于设置小型大写字母或正常文本。可以使用关键字normal或small-caps。
/*使用小型大写字母*/
p{
font-variant:small-caps;
}
/*使用正常文本*/
p{
font-variant:normal;
}
1.6字体伸缩（字体伸缩（font-stretch））
字体伸缩属性用于设置字体的宽度。可以使用关键字normal、ultra-condensed、extra-
condensed、condensed、semi-condensed、semi-expanded、expanded、extra-
expanded或ultra-expanded。
/*使用正常伸缩*/
p{
font-stretch:normal;
}
/*使用超宽伸缩*/
p{
font-stretch:ultra-expanded;
}
1.7字体综合属性（字体综合属性（font））
font属性是一个简写属性，用于设置一系列字体相关的属性，如font-style、font-
variant、font-weight、font-size、line-height和font-family。
/*综合设置字体*/
h1{
font:bolditalic32px/1.5TimesNewRoman,Times,serif;
}
2.CSS文本属性概览文本属性概览
2.1文本颜色（文本颜色（color））
文本颜色属性用于设置文本的颜色。可以使用预定义的颜色名称、十六进制值、RGB或HSL值。
/*使用颜色名称*/
p{
color:red;
}
/*使用十六进制值*/
p{
color:#ff0000;
}
2.2文本对齐（文本对齐（text-align））
文本对齐属性用于设置文本的水平对齐方式。可以使用关键字left、right、center或
justify。
/*文本左对齐*/
p{
text-align:left;
}
/*文本居中对齐*/
h1{
text-align:center;
}
2.3文本缩进（文本缩进（text-indent））
文本缩进属性用于设置文本的首行缩进。可以使用长度单位或百分比单位。
/*使用长度单位*/
p{
text-indent:20px;
}
/*使用百分比单位*/
p{
text-indent:5%;
}
2.4文本转换（文本
文档评论（0）