Home >Web Front-end >CSS Tutorial >Introduction to attributes in css text style (with code)
Introduction to attributes in css text style (with code)
- 不言Original
- 2018-08-18 11:45:481807browse
This article brings you an introduction to the attributes in CSS text styles (with code). It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
1. Set the text font - font-family
It is recommended to use English bold Arial for the attribute value;
Microsoft Yahei "Microsoft Yahei";
Song Dynasty "SimSun" improves loading speed;
Set optional fonts separated by commas)
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>字体</title>
<link href="index.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<p>
设置文字字体属性值建议用英文黑体Arial； 微软雅黑 “Microsoft Yahei”；
宋体“SimSun”;提高加载速度；设置可选字体用逗号隔开
</p>
</body>
</html>index.css
p{ font-family:"SimSun";}2. Set text Size——font-size
index.css
p{ font-size:21px;}3. Set the text to bold——font-weight
Attribute value: normal; normal
bold/bolder; bold
index.css
p{ font-weight:bold;}4. Set the text to italic——font-style
Attribute value: italic;
index.css
p{ font-style:italic;}5.Set English to small uppercase font
index.css
p{font-variant: small-caps;}6.Set text color
index.css
p{ color:lightgreen;}7.Set text background color
index.css
p{ background-color:lightblue;}Related recommendations:
Example of css setting text properties
CSS property font (Font )_html/css_WEB-ITnose
Web page CSS style attributes: font font common sense_html/css_WEB-ITnose
The above is the detailed content of Introduction to attributes in css text style (with code). For more information, please follow other related articles on the PHP Chinese website!