CSS文本基础知识

1、文本缩进

属性名:text-indent

属性值:数值+px; 数字+em(推荐:1em=当前标签的字号大小)

例:代码:

结果:

2、文本对齐方式

作用:控制内容水平方式

属性名:text-align

属性值:

|--------|---------|
| 属性值 | 效果 |
| left | 左对齐(默认) |
| center | 居中对齐 |
| right | 右对齐 |

居中对齐的本质:居中的是文字内容,不是标签!

水平对齐方式------图片

text-align本质是控制内容的对齐方式,属性要设置给内容发父级。

例:代码:

结果:

3、修饰线

属性名:text-decoration

属性值:

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

例:代码:

结果:

相关推荐
清汤饺子26 分钟前
【译】我的 AI 进阶之路:从怀疑到深度整合
前端·javascript·后端
@菜菜_达34 分钟前
Vue生命周期
前端·javascript·vue.js
每天吃饭的羊36 分钟前
UMD和IIfe
开发语言·前端·javascript
前端那点事1 小时前
Vue线上代码调试全攻略(安全无侵入,新手也能上手)
前端·vue.js
前端那点事1 小时前
Vue批量文件上传并发踩坑指南:3步解决阻塞、限流、进度混乱
前端·面试
桔筐1 小时前
Vue3 v-model 双向绑定导致循环触发的坑
前端·javascript·vue.js
Alice-YUE1 小时前
前端图片优化完全指南:从格式到加载的全面提速方案
前端·笔记·学习
fen_fen2 小时前
下载Chrome浏览器对应的Driver
前端·chrome
路光.2 小时前
ReferenceError:Can‘t find variable:structureClone
前端·javascript·html·vue2
前端那点事2 小时前
内存泄漏排查全指南:从场景识别到工具实操,新手也能上手
前端·vue.js