CSS文本基础知识

1、文本缩进

属性名:text-indent

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

例:代码:

结果:

2、文本对齐方式

作用:控制内容水平方式

属性名:text-align

属性值:

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

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

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

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

例:代码:

结果:

3、修饰线

属性名:text-decoration

属性值:

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

例:代码:

结果:

相关推荐
aiwery3 分钟前
一文掌握 TypeScript 工具类型:Record、Partial、Omit、Pick 等实战用法
前端·代码规范
ankleless17 分钟前
C语言(12)——进阶函数
前端·html
码码哈哈爱分享19 分钟前
Tauri 框架介绍
css·rust·vue·html
一条上岸小咸鱼20 分钟前
Kotlin 基本数据类型(四):String
android·前端·kotlin
我是哈哈hh35 分钟前
【Node.js】ECMAScript标准 以及 npm安装
开发语言·前端·javascript·node.js
张元清1 小时前
电商 Feeds 流缓存策略:Temu vs 拼多多的技术选择
前端·javascript·面试
一枚前端小能手1 小时前
🎨 CSS布局从入门到放弃?Grid让你重新爱上布局
前端·css
晴空雨1 小时前
React 合成事件原理:从事件委托到 React 17 的重大改进
前端·react.js
魏嗣宗1 小时前
Node.js 网络编程全解析:从 Socket 到 HTTP,再到流式协议
前端·全栈
pepedd8641 小时前
还在开发vue2老项目吗?本文带你梳理vue版本区别
前端·vue.js·trae