章节
问答
课签
笔记
评论
占位
占位

偷个懒 - font样式的简写方式

网页中的字体css样式代码也有他自己的缩写方式,下面是给网页设置字体的代码:

body{
    font-style:italic;
    font-weight:bold; 
    font-size:12px; 
    line-height:1.5em; 
    font-family:"宋体",sans-serif;
}

这么多行的代码其实可以缩写为一句:

body{
    font:italic  bold  12px/1.5em  "宋体",sans-serif;
}

注意:

1、使用这一简写方式你至少要指定 font-size 和 font-family 属性,其他的属性(如 font-weight、font-style、font-variant、line-height)如未指定将自动使用默认值。

2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。

一般情况下因为对于中文网站,英文还是比较少的,所以下面缩写代码比较常用:

body{
    font:12px/1.5em  "宋体",sans-serif;
}

只是有字号、行间距、中文字体、英文字体设置。

任务

我来试一试:

将右侧编辑器中字体样式修改为缩写的font属性

?不会了怎么办
font: italic bold 20px/1.6em "宋体", sans-serif;
||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / Zzz_fhxPQW
他们都是font-family属性里的设置

最新回答 / weixin_慕雪6252625
是因为宋体是中文,改成SimSun就行了

最新回答 / InBoy
中文网站常用这个是因为中文网站有文章,而简写是方便快捷,怎么用效果都可以。

已采纳回答 / qq_慕沐8533067
更改字体样式用的吧,顾名思义,无衬线字体

最赞回答 / qq_故梦_12
<...图片...>俊俊田甜如果用 font 属性的话,就可以把几个样式进行简化,减少书的情况;font 属性的值应按以下次序书写(各个属性之间用空格隔开):顺序:font-style | font-variant | font-weight | font...

最新回答 / 慕莱坞1521965
我服了  整半天是我桌面页面布局设置的是125%。设置100%就好了 不然浏览器整个都会拉大行高

已采纳回答 / 五月的夏天
font-weight:bold表示设置字体为粗体, line-height: 1.6em表示设置行高为1.6em,font-family表示设置字体为宋体。
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言