CSS字体属性

最新推荐文章于 2024-11-01 10:52:38 发布

寒涵含

最新推荐文章于 2024-11-01 10:52:38 发布

阅读量298

点赞数 1

文章标签： css 前端

本文链接：https://blog.csdn.net/qq_73625238/article/details/136172231

版权

CSS Fonts（字体）用于定义字体系列，大小，粗细，和文字样式（斜体）

（一）字体系列S

CSS使用font-family属性定义文本的字体序列

p {font-family: "微软雅黑"，Arial；}

a.各种的字体之间必须使用英文状态下“,”隔开

b.一般情况下，对于有空格的如“Microsoft Yahei”,会使用双引号（单引号也可以）

c.尽量使用系统默认字体

d.多个字体输入，会依次执行，所有都没有就执行自己页面默认

e.可以直接对body定义字体属性

（二）字体大小

CSS使用font-size属性定义字体大小

p{
    font-size： 35px；
}

a. 标题标签需要单独指定大小

b.可以直接对body定义字体属性

c.谷歌浏览器默认16px，正常制作过程中要求定义字体大小，不要默认大小

（三）字体粗细

CSS使用font-weight属性设置文本

bold（变粗700px），bolder（更醋），lighter（变细）,normal（默认值400px）

（四）文字样式

CSS使用font-style属性设置文本的风格

p {
    font-style: normal;    
}

属性值：

1.normal 默认值，浏览器会显示标准字体样式

2.italic 浏览器会显示斜体的文字样式

注：平时一般给斜体标签（em,i）改为不斜体

（五）字体的复合属性

语法规范：

样式，粗细，大小/行高，字体

font: font-style font-weight font-size/line-height font-family;

1.使用font属性时，必须按照上方的顺序写，不能更换顺序，并且之间要用空格隔开

2.使用过程中比必须保留font-size font-family属性，否则font属性不起作用（可以省略其他）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    p {
        /* font: font-style font-weight font-size/line-height font-family; */
        font: italic 700 25px 'Microsoft Yahei';
    }
    </style>
</head>

<body>
    <p>man!</p>
</body>
</html>