CSS字体样式属性

本文详细介绍了CSS中关于字体样式的属性,包括color、font-size、font-family、font-weight和font-style,以及文本装饰、大小写控制、缩进、对齐、行高和字符间距等文本样式。同时,还涵盖了CSS背景颜色、图片、平铺、尺寸、位置等背景样式,以及列表样式的相关设置。
摘要由CSDN通过智能技术生成

1、color:文本颜色

color属性用于定义文本的颜色,其取值方式有如下3种:

1.预定义的颜色值,如red,green,blue等。

0 1 2 3 4 5 6 7 8 9 A B C D E F

2.十六进制,如#FF0000,#FF6600,#29D794等。实际工作中,十六进制是最常用的定义颜色的方式。

3.RGB代码,如红色可以表示为rgb(255,0,0)。

2、font-size:字号大小

font-size属性用于设置字号,推荐使用像素单位px。具体如下:

单位 说明
px 值是固定的,像素,最常用,是相对于显示器屏幕分辨率而言的
em em的值并不是固定的,em会继承父级元素的字体大小

1em=16px(网页中默认)

1. 现在网页中普遍使用14px+。12px
2. 尽量使用偶数的数字字号。(在移动布局,布局时是百分比的时候,方便换算单位)

3、font-family:字体类型

font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等,例如将网页中所有段落文本的字体设置为微软雅黑,可以使用如下CSS样式代码:

p {
    font-family:"微软雅黑";}


p {
    font-family:Arial,"Times New Roman""宋体","黑体","微软雅黑";}

可以同时指定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体,则会尝试下一个,直到找到合适的字体。

常用技巧:

3. 各种字体之间必须使用英文状态下的逗号隔开。
4. 中文字体需要加英文状态下的引号,英文字体一般不需要加引号。
	当需要设置英文字体时,英文字体名必须位于中文字体名之前。
5. 如果字体名中包含空格,则该字体必须加英文状态下的单引号或双引号,
	例如 font-family: "Times New Roman";
6. 尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。

为了照顾不同电脑的字体安装问题,我们尽量只使用宋体和微软雅黑中文字体

4、font-weight:字体粗细

字体加粗除了用 b 和 strong 标签之外,可以使用CSS 来实现。

font-weight属性用于定义字体的粗细,其可用属性值:
normal、bold、bolder、lighter、100~900(100的整数倍)。

normal	默认值。定义标准的字符。(正常)
bold	定义粗体字符。
bolder	定义更粗的字符。
l
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

会撸串的傻狍子

感谢您的认可

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值