zl程序教程

您现在的位置是:首页 >  工具

当前栏目

CSS学习知识整理(三)Css 文本

学习CSS 知识 整理 文本
2023-09-11 14:20:19 时间

Css文本颜色 — color

在这里插入图片描述

文本的对齐方式 — text-align

文本排列属性是用来设置文本的水平对齐方式。
文本可居中或对齐到左或右,两端对齐.

text-align:center;//居中
text-align:left;//居左
text-align:right;//居右
text-align:justify;//两端对齐

在这里插入图片描述

文本修饰 — text-decoration

text-decoration 属性用来设置或删除文本的装饰:
在这里插入图片描述

text-decoration-color 属性规定文本修饰(下划线 underline、上划线 overline、中划线 line-through)的颜色。
text-decoration-line 属性规定文本修饰要使用的线条类型。
text-decoration-style 属性规定线条如何显示。
text-decoration-style:solid|double|dotted|dashed|wavy|initial|inherit;
在这里插入图片描述

文本转换 — text-transform

文本转换属性是用来指定在一个文本中的大写和小写字母。
在这里插入图片描述

文本缩进 — text-indent

text-indent 属性:设置文本块中首行文本的缩进
在这里插入图片描述

text-justify 属性:此属性指定应怎样对齐文本以及对齐间距。
text-overflow 属性:指定当文本溢出包含它的元素,应该发生什么。

text-overflow: clip|ellipsis|string;

描述
clip修剪文本
ellipsis显示省略符号来代表被修剪的文本
string使用给定的字符串来代表被修剪的文本

文本阴影 — text-shadow

在这里插入图片描述

垂直对齐方式 — vertical-align

vertical-align 属性:设置一个元素的垂直对齐方式。
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。
允许指定负长度值和百分比值。这会使元素降低而不是升高。
在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式
在这里插入图片描述在这里插入图片描述
注意: **如果字体名称包含空格,它必须加上引号。**在HTML中使用"style"属性时,必须使用单引号。