在CSS中,文字相关的属性有4个,分别是:文字样式、文字粗细、文字大小以及文字字体4中。
1、文字样式的格式:font-style:"xxx";
2、文字粗细的格式:font-weight:"xxx";
3、文字大小的格式:font-size:"xxx";
4、文字字体的格式:font-family:"xxx";
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
<style type="text/css">
h1 {
/*设置字体为斜体*/
font-style: italic;
}
h2 {
/*设置字体为加粗*/
font-weight: bold;
}
h3 {
/*字体大小为30px*/
font-size: 30px;
}
h4 {
/*字体为微软雅黑*/
font-family: "微软雅黑";
}
</style>
</head>
<body>
<form>
<h1>段落1</h1>
<h2>段落2</h2>
<h3>段落3</h3>
<h4>段落4</h4>
</form>
</body>
</html>
快捷键:
font-style: italic;--fs
font-weight: --fw
font-size: --fz
font-size: 40px;--fz30
font-family: --ff
当输入的内容既有中文也有英文时,要想中文与英文为不同的字体,需要使用备选属性。
格式为:font-family:"字体1","备选字体";
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
<style type="text/css">
p{
font-family: "Times New Roman","华文楷体";
}
</style>
</head>
<body>
<form>
<p>my name is xiaoxiao.我的名字是小小。</p>
</form>
</body>
</html>
在企业中常用的字体:
中文:宋体、黑体、微软雅黑;
英文:Ariel、Times New Roman;
宋体的英文名为SimSun;
黑体的英文名为SimHei;
微软雅黑的英文名为Microsoft YaHei;
文字属性的简写:font:样式+空格+粗细+空格+大小+空格+字体,其中样式与粗细可省略不写,但是大小与字体不可以省略,并且顺序不可以调换。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
<style type="text/css">
p{
font:italic bolder 45px "华文楷体";
}
</style>
</head>
<body>
<form>
<p>我是测试数据。。。</p>
</form>
</body>
</html>