前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >CSS字体font

CSS字体font

作者头像
羊羽shine
发布2019-06-17 16:24:48
2.8K0
发布2019-06-17 16:24:48
举报
文章被收录于专栏:Golang开发Golang开发
字体大小

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

代码语言:javascript
复制
font-size: 12px;  
字体粗细

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

代码语言:javascript
复制
font-weight:bold

因为字体在初始设计的时候就没有设置太多的粗细标准,用数字设置的时候,只有在400和700会产生变化,在实际工作中 用的最多的就是normal(400) bold(700)

字体风格

font-style 设置字体的风格(样式) 取值:normal 默认 显示标准的字体样式 italic 字体倾斜

代码语言:javascript
复制
font-style:italic;
字体类型

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

代码语言:javascript
复制
font-family:"宋体";

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

代码语言:javascript
复制
font: font-style  font-weight  font-size/line-height  font-family;

不建议修改顺序 并且不需要设置的属性可以不写 但是font-size和font-family必须指定,否则将不起作用

行高

行高控制的是文字与文字之间的上下距离 (行距)

代码语言:javascript
复制
line-height:值;
  1. 值的取值是像素
  2. **小技巧:如果将标签的高度和行高设置成一样,那么这个标签里面的文字可以在这个标签里面垂直居中
  3. 两者结合使用可以让单行文字在标签内部水平垂直居中
文字的对齐

text-align:值;

代码语言:javascript
复制
取值:left right center
该属性控制的是标签  “内部的文字”  水平居中
首行缩进
代码语言:javascript
复制
text-indent:值;
取值可以是像素,也可以是em  推荐写法:text-indent:2em;

字体下划线和删除线

代码语言:javascript
复制
text-decoration:值;
取值:underline 下划线  line-through 删除线 none 去掉多余的样式
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.06.16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 字体大小
  • 字体粗细
  • 字体风格
  • 字体类型
  • 行高
  • 文字的对齐
  • 首行缩进
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档