2.CSS-文字属性

31 篇文章 2 订阅


在这里插入图片描述

一.什么是文字属性?

1.规定文字样式的属性

格式:font-style: italic;
取值:
normal:正常(默认就是正常)
italic:倾斜
快捷键:
fs+tab——>font-style: italic;
fsn+tab——>font-style: normal;

2. 规定文字粗细的属性

格式:font-weight: bold;
单词取值:
normal 正常(默认就是正常)
bold 加粗
bolder 比加粗还要粗
lighter 细线
*数字取值:
100-900
100=lighter
400=normal
700=bold
快捷键:
fw+tab——>font-weight:
fwb+tab——>font-weight: bold;
fwbr+tab——>font-weight: bolder;

3. 规定文字大小的属性

格式:font-size: 300px;
单位:px像素(pixel)
注意点:通过font-size设置大小一定要带单位px
快捷键:
fz30+tab——>font-size:30px;

4. 规定文字字体的属性

格式:font-family: “微软雅黑”;
取值:
微软雅黑(中文默认就是微软雅黑)
宋体

快捷键:
ff+tab——>font-family:
注意点:
1.如果取值是中文,需要加双引号或者单引号;
2.设置的字体必须是用户电脑已经安装的字体。
3.如果设置的字体不存在,那么系统会使用默认的字体(微软雅黑)来显示。

  • 如果设置的字体不存在,而我们又不想用默认的字体来显示怎么办?
    可以给字体设置备选方案
    格式:font-family:“字体1”,“备选方案1”,…,…;
  • 如果想给一个段落中的中文和英文分别设置字体怎么办?
    但凡是中文字体,里面都包含了英文;
    但凡是英文字体,里面都没有包含中文。
    也就是说中文字体可以处理英文,而英文字体不能处理中文。
    格式:font-family: “Times New Roman”,“微软雅黑”;
    注意点:如果想给界面中的英文单独设置字体,那么英文的字体必须写在中文的前面
  • 在企业开发中最常见的字体: 中文:宋体、黑体、微软雅黑 英文:Times New Roman、Arial
    还需要知道并不是名称是英文就一定是英文字体。因为中文字体其实都有自己的英文名称,所以是不是中文字体主要看能不能处理中文。 宋体
    SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei

文字属性的简写

缩写格式:
font: style weight size family;
例如:font: italic bold 10px “楷体”;
注意点:

  1. 在这种缩写格式中有的属性值可以省略(style可以省略、weight可以省略);
  2. 在这种缩写格式中style属性和weight属性可以交换位置;
  3. 在这种缩写格式中有的属性值不能被省略(size属性和family属性不能省略);
  4. 在这种缩写格式中size属性和family属性的位置不可以随便乱放,size一定要写在family的前面,size和family一定要写在其他属性的后面。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值