文字属性 - 爱码网

在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>

文字属性