CSS中字体相关的CSS样式(字体的大小/粗细/颜色/文字对齐方式)

CSS中字体相关的CSS样式(字体的大小/粗细/颜色/文字对齐方式)在 CSS 中 样式是由属性和值组成 中间用冒号 隔开 用分号 收尾 其中属性可以理解为身高 体重 值可以理解为 1 8 米 60kg 在现实生活中我们用这样一对组合来描述人或者物 在 CSS 中 我

大家好,欢迎来到IT知识分享网。

在 CSS 中,样式是由属性和值组成,中间用冒号 ( :) 隔开,用分号 (;)收尾,其中属性可以理解为身高、体重,值可以理解为 1.8米、60kg,在现实生活中我们用这样一对组合来描述人或者物,在CSS 中,我们用这样一对组合来描述文字的粗细、大小、颜色等等.

字体的大小

设置格式为:font-size:36px;

| font-size—–>字体的大小 36px—>字体的大小尺寸

CSS中字体相关的CSS样式(字体的大小/粗细/颜色/文字对齐方式)

字体加粗

设置格式:font-weigth:100;

设置文字粗细的时候,其值可以是 100,200,300,400,500,600,700,800,900 中的任何一个,或者可以用英文代替normal (正常粗细),lighter(细),bold (粗) ,bolder (更粗)

CSS中字体相关的CSS样式(字体的大小/粗细/颜色/文字对齐方式)

其效果如图所示

CSS中字体相关的CSS样式(字体的大小/粗细/颜色/文字对齐方式)

颜色

颜色是页面中不可或缺的属性,在背景、文字中应用非常广泛,颜色的值的设置方式分为四种:

1.英文字母形式

color:black;

color:blue;

color:red;

2.十六进制颜色

十六进制颜色由#开头,后面跟三个数字,每个数字的范围为 00~ FF,每个数字代表一种颜色,最终的颜色由这三种颜色调和而成; 这个颜色一般由设计师给我们,或者可以用吸色工具去获取。

color:#DAE8FC;

color:#D5E8D4;

3.rgba形式

 rgba 形式相比 rgb 形式,多了一个 a,这里的 a 代表的是 Alpha(透明度),a 的值在 0 ~ 1之间,为了简化书写,也可以直接省略 0,写成.4,等同于 0.4。

代码如下

CSS中字体相关的CSS样式(字体的大小/粗细/颜色/文字对齐方式)

其效果

CSS中字体相关的CSS样式(字体的大小/粗细/颜色/文字对齐方式)

文字居中/居左/居右

CSS中字体相关的CSS样式(字体的大小/粗细/颜色/文字对齐方式)

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/124813.html

(0)
上一篇 2025-10-03 14:10
下一篇 2025-10-03 14:20

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信