小编给大家分享一下css文字样式中属性的示例分析，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
1、设置文字字体——font-family
属性值建议用英文黑体Arial；
微软雅黑“MicrosoftYahei”；
宋体“SimSun”提高加载速度；
设置可选字体用逗号隔开）
index.html
<!doctypehtml>
<html>
<head>
<metacharset="utf-8"/>
<title>字体</title>
<linkhref="index.css"type="text/css"rel="stylesheet"/>
</head>
<body>
<p>
设置文字字体属性值建议用英文黑体Arial；微软雅黑“MicrosoftYahei”；
宋体“SimSun”;提高加载速度；设置可选字体用逗号隔开
</p>
</body>
</html>
index.css
p{font-family:"SimSun";}
2.设置文字大小——font-size
index.css
p{font-size:21px;}
3.设置文字为粗体——font-weight
属性值：normal;正常
bold/bolder;加粗
index.css
p{font-weight:bold;}
4.设置文字为斜体——font-style
属性值：italic;
index.css
p{font-style:italic;}
5.设置英文为小型的大写字母字体
index.css
p{font-variant:small-caps;}
6.设置文字颜色
index.css
p{color:lightgreen;}
7.设置文字背景颜色
index.css
p{background-color:lightblue;}
看完了这篇文章，相信你对“css文字样式中属性的示例分析”有了一定的了解，如果想了解更多相关知识，欢迎关注编程网行业资讯频道，感谢各位的阅读！
