CSS文本基础知识

1、文本缩进

属性名:text-indent

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

例:代码:

结果:

2、文本对齐方式

作用:控制内容水平方式

属性名:text-align

属性值:

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

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

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

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

例:代码:

结果:

3、修饰线

属性名:text-decoration

属性值:

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

例:代码:

结果:

相关推荐
用户3076752811271 分钟前
💡 从"傻等"到"流淌":我在AI项目中实现流式输出的血泪史(附真实代码+深度解析)
前端
bluceli2 分钟前
前端性能优化实战指南:让你的网页飞起来
前端·性能优化
SuperEugene4 分钟前
Vue状态管理扫盲篇:如何设计一个合理的全局状态树 | 用户、权限、字典、布局配置
前端·vue.js·面试
没想好d5 分钟前
通用管理后台组件库-9-高级表格组件
前端
阿虎儿8 分钟前
React Hook 入门指南
前端·react.js
核以解忧31 分钟前
借助VTable Skill实现10W+数据渲染
前端
WangHappy34 分钟前
不写 Canvas 也能搞定!小程序图片导出的 WebView 通信方案
前端·微信小程序
李剑一38 分钟前
要闹哪样?又出现了一款新的格式化插件,尤雨溪力荐,速度提升了惊人的45倍!
前端·vue.js
闲云一鹤1 小时前
Git LFS 扫盲教程 - 你不会还在用 Git 管理大文件吧?
前端·git·前端工程化
阿虎儿1 小时前
React Context 详解:从入门到性能优化
前端·vue.js·react.js