CSS如何设置字体的类型、大小、颜色?

CSS如何设置字体的类型、大小、颜色?,第1张

Css可以设置网页的样式,比如字体大小颜色等等。今天小编就来分享一下设置HTML网页字体类型大小和颜色方法。

一、如图,先在HTML网页编写一些测试的文字

二、然后在网页预览文字初始的字体效果,颜色是黑色,大小比较小。

三、因为测试文字是在body标签内的,所以我们要对body标签设置css属性就可以了。

四、如图,我们可以用font-family来设置HTML网页字体的类型,比如这里我设置为“华文楷体”。

五、再去看文字的变化效果,文字变成了华文楷体类型,比原先的好看多了。

六、然后color可以改变文字的颜色,比如我就设置它为red,意思表示的是红颜色。

七、这样,文字的颜色就会由黑色变成红色了哦。

八、而font-size可以设置文字的大小,如图所示,我设置成38px,表示38像素大小。

九、最后来看看,文字变得比原来大了很多。这样我们就实现了设置HTML文字的类型,颜色及大小的目的。

可以使用font属性来设置字体,它的参数比较多,可以参考其schema约束来写。

常用的格式是 font: font-style font-weight font-size/line-height  "font-family","font-family"

含义:font: 字体样式 加粗大小 字号/行高 "字体名称1","字体名称2"

如:

/*font:  15px/25px "microsoft Yahei","SimSun"*/   /* 部分属性可采用默认 */

font: oblique 500 15px/25px "microsoft Yahei","SimSun"

就代表 字体是倾斜、加粗值500、字号15/行高25 ,首选字体microsoft yahei(微软雅黑),如果用户电脑没有该字体,则使用SimSun(宋体);

----------------------------------------------------------

如果只是单纯的设置字体,可以使用font-family,如:

font-family: "microsoft yahei","SimSun"


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7903699.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存