CSS之文字属性

今天我们来学习一下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:"好看的字体","微软雅黑";

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


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

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值