CSS——文字控制属性

文字控制属性

1、字体大小

属性名:font-size

属性值:文字尺寸,PC端常用单位px(该属性必须有单位,否则属性不生效)

2、字体粗细

属性名:font-weight

属性值:

数字(开发使用)

|----|-----|
| 正常 | 400 |
| 加粗 | 700 |

关键字

|----|--------|
| 正常 | normal |
| 加粗 | bold |

注:标题标签字体默认加粗,可以设置不加粗

3、字体倾斜

作用:清除文字默认的倾斜效果

属性名:font-style

属性值:正常(不倾斜):normal

倾斜:italic

4、行高(上间距+文字高度+下间距)

作用:设置多行文本的间距

属性名:line-height

属性值:数字+px

数字(当前标签font-size属性值的倍数)

5、行高-垂直居中

技巧:行高属性值=盒子高度属性值

注:只有单行文字可以垂直居中

6、字体族

属性名:font-family

属性值:字体名

7、font复合属性

复合属性:属性的简写方式,一个属性对应多个值的写法,各个属性之间用空格隔开

font:是否倾斜 是否加粗 字号/行高 字体 (必须按顺序写)

注:字号和字体值必须书写,否则font属性不生效

a、所有属性都写

b、不写字体字号

8、文本缩进

属性名:text-indent

属性值:数字+px

数字+em(1em = 当前标签字号大小)

9、文本对齐

属性名:text-align

属性值:

属性值 效果
left 左对齐(默认效果)
center 居中对齐(只居中文字内容)
right 右对齐

10、修饰线

属性名:text-decoration

属性值:

属性值 效果
none 无
underline 下划线
line-through 删除线
overline 上划线

11、颜色

属性名:color

属性值:

颜色表示方式 属性值 说明 使用场景
颜色关键字 颜色英文单词 red、green... 学习测试
rgb表示法 rgb(r,g,b) r,g,b表示红绿蓝三原色,取值:0-255 了解
rgba表示法 rgba(r,g,b,a) a表示透明度,取值:0-1 开发使用,实现透明色
十六进制表示法 #RRGGBB #000000,#ffcc00,简写:#000,#fc0 开发使用

相关推荐
deli00742 分钟前
中文在网址里为什么变成 E4B8AD?URL 编码 22 组用例实测
前端
羲云1 小时前
MOSS-Image 开源后爆火:5B 生图模型真正值得关注的,是可控排版
前端
BreezeJiang1 小时前
闭包和 useState 是两个知识点?你可能只学了半条作用域链
前端·面试
2601_958352901 小时前
一款模块通吃15类语音产品?AN-93如何实现录音笔、门禁、IPC的快速适配
前端·人工智能·嵌入式硬件·回声消除·降噪处理
子兮曰1 小时前
Bun v1.4.4 实测:2,025 个文件,bun fmt 2.6 秒跑完
前端·后端·bun
Liudef061 小时前
用 DeepSeek Search API 做一个干净的单文件搜索页面(附完整源码)
前端·人工智能·工具·搜索·deepseek
忆挽篱笙歌1 小时前
进程替换函数与shenll命令行解释器
前端·javascript·算法
计算机魔术师1 小时前
砸了2200亿美元还是不够用,AWS说2027年也卖完了
前端
2601_965305391 小时前
智慧农用的农业四情分别是什么
服务器·前端·人工智能
老徐聊GEO2 小时前
把“安徽“写进题面之后:多平台AI推荐名单的区域扰动测量(2026)
前端·人工智能·算法·geo优化