为了账号安全,请及时绑定邮箱和手机立即绑定

【九月打卡】第12天 CSS3字体样式

标签:
CSS3

课程名称:初识HTML(5)+CSS(3)-升级版

课程章节: CSS3字体样式

主讲老师:五月的夏天

课程内容:

今天学习的内容包括: font-family的使用?font-size的使用?font-weight的使用?font-style的使用?color的使用?font如何简写?

课程收获:

css样式为网页中的文字设置字体、字号、颜色等样式属性。我们需要注意的是不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。现在一般网页喜欢设置“微软雅黑”,字体一般写英文兼容性好一些。
图片描述

font-size用来设置字体的大小。
图片描述

使用css样式来改变文字的样式:粗体、斜体、下划线、删除线,可以使用下面代码实现设置文字以粗体样式显示出来,使用font-weight设置字体粗细。
图片描述

使用font-style设置字体样式,font-style可以设置字体样式,并且有种3设置方式。正常字体为normal,也是font-style的默认值。italic为设置字体为斜体,用于字体本身就有倾斜的样式。oblique为设置倾斜的字体,强制将字体倾斜。
图片描述

color属性可以设置字体颜色。color的值有3种设置方式:英文命令颜色,RGB颜色(每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数。),十六进制颜色(每一项的值由 0-255 变成了十六进制 00-ff)。
图片描述

网页中的字体css样式代码也有他自己的缩写方式。使用这一简写方式你至少要指定 font-sizefont-family属性,其他的属性(如 font-weightfont-stylefont-variantline-height)如未指定将自动使用默认值。在缩写时font-sizeline-height中间要加入“/”斜扛。
图片描述

今天学习了CSS3字体样式10-1到10-6的6个小结,花费了50分钟,学习完今天的课程,我们可以将网站显示的字体设置为想要的字体效果。不仅如此,我们还可以修改自己的大小,颜色以及样式。当网页中的代码样式太多时,我们还可以采用简写的方式。我们想要做出设计图的效果就必须熟练使用字体样式。

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消