温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

CSS字体font的设置方法

发布时间:2021-08-07 20:32:43 来源:亿速云 阅读:197 作者:chen 栏目:大数据

本篇内容介绍了“CSS字体font的设置方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

####字体大小
font-size  设置字体的大小 ,px 是一个单位,代表屏幕的上的像素,在css大多数数值都需要添加单位

font-size: 12px;

####字体粗细
font-weight 设置字体的粗细 ,取值:默认(normal) 、加粗(bold)、 100 - 900

font-weight:bold

因为字体在初始设计的时候就没有设置太多的粗细标准,用数字设置的时候,只有在400和700会产生变化,在实际工作中 用的最多的就是normal(400) bold(700)
####字体风格
font-style 设置字体的风格(样式)
取值:normal 默认 显示标准的字体样式 italic 字体倾斜

font-style:italic;

####字体类型
font-family 设置不同的字体,取值:宋体、微软雅黑、黑体等等。

font-family:"宋体";

字体可以写多个,中间用逗号隔开,浏览器会从左到右依次解析,直到识别出当前电脑安装的字体则直接使用,字体名称中如果有空格 # $ 这种特殊字符的时候需要添加上引号 中文字体也需要添加引号,了解:http://code.ciaoca.com/style/cssfont2unicode/

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

不建议修改顺序  并且不需要设置的属性可以不写  但是font-size和font-family必须指定,否则将不起作用
####行高
行高控制的是文字与文字之间的上下距离 (行距)

line-height:值;
  1. 值的取值是像素

  2. **小技巧:如果将标签的高度和行高设置成一样,那么这个标签里面的文字可以在这个标签里面垂直居中

  3. 两者结合使用可以让单行文字在标签内部水平垂直居中

“CSS字体font的设置方法”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI