CSS之文字属性

来源：互联网发布：网络的定义与形成编辑：程序博客网时间：2024/05/16 08:12

今天我们来学习一下CSS中的一些文字属性

1.规定文字样式的属性

格式：font-style:****;

取值：normal（正常）italic（倾斜）

2.规定文字粗细的属性

格式：font-weight:****;

取值：①单词的取值：bold(加粗)bolder（比加粗更粗）

②数字的取值：100-900之间的整百数（使用的比较少）

3.规定文字大小的属性

格式：font-size:****;

取值：用像素取值

注意点：设置文字大小一定要带单位px，例如：font-size:50px;

4.规定文字字体的属性

格式：font-family:"****";

取值："宋体"，"楷体"，"微软雅黑"

注意点：①如果取值是中文，需要用双引号括起来；

②设置的字体必须是用户电脑里面已经安装好的字体

下面来个例子：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>文字属性</title>    <style type="text/css">        p{            font-style: italic;            font-weight: bold;            font-size:30px;            font-family: "楷体";        }    </style></head><body>   <p>博客：CallMeQiuqiuqiu</p></body></html>

当字体不存在时候，但是又不想用默认的字体怎么办呢？

解决方案：font-family:"好看的字体","微软雅黑";

如果前面的字体找不到，就会用后面的字体。两个字体之间用逗号间隔开

英文字体不可以处理中文，但是中文字体可以处理英文，因为中文里面包含了英文，而英文字体中没有中文。

0 0