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

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

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

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

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

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

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

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

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

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

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

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

以在css中设置文本字体为“微软雅黑”。具体方法和CSS代码如下:

.body {font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu}

之所以加上中文名“微软雅黑”是为了兼容opera。Microsoft JhengHei为微软正黑体,STHeiti为华文黑体,写这么多字体是为了预防万一用户的电脑上没有微软正黑体,那么CSS可以从后边几种字体中选择一个类似的字体,记得11px下的MingLiu中文有着不凡的效果。

box1{font-family:"微软雅黑,宋体"font-weight:bold}这个字体。css设定的字体, 只有系统里面有这个字体的才能看到。 比如xp系统的用户, 一般都没有微软雅黑, 你css使用了微软雅黑。

但是用户只能看到系统默认的宋体. 所以不要那么麻烦. 要想用的只要在你的font文件夹找到字体默认名字就行了.

css设置网页字体:利用到css中font

属性,具体设置包括:

font-style:字体样式。

font-variant:设置或检索对象中的文本是否为小型的大写字母。

font-weight:设置字体粗细。

font-size/line-height:字体大小/字体行高。

font-family:规定元素的字体系列。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存