css文本属性用法总结

稍稍总结了下css文本的一些属性用法，自己忘记的时候也可以用来查查，不用去查网站那么麻烦。

下面是部分总结，也希望对其他人有用

文本修饰

4个属性值

overline?? line-through?? underline? blink

(1)overline

定义文本上的一条横线

(2)line-through

这个属性值时最有用的，一般商家降价促销后面的价格会用横线划去表示那是之前的价格

(3)一般标签会带由unline

要想去除就要设置text-decoration:none

(4)blink

文本闪烁，一般很少使用，只有在canvas中会使用，并且浏览器的支持度不高，只有火狐支持

另外：

还可以用text-decoration-color来修饰横线的颜色

5个属性值

capitalize?? uppercase??? lowercase?? inhert?? none

(1)capitalize

首字母大写

(2)uppercase和lowercase

大小写

(3)inhert

继承父元素的字母属性

(4)none

默认，没有任何效果

3个属性

clip? ellipsis??? string

(1)clip

修剪文本

(2)ellipsis

用省略号来表示超出的文本

(3)string

用固定的字符来表示超出的文本

3个属性值

(1)v-shadow ?? 必需，水平阴影的位置，允许负值

(2)v-shadow ?? 必需，垂直阴影的位置，允许负值

(3)blur ??? 可选，模糊的距离

(4)color ? 可选，阴影的颜色

文本布局

3种属性值

length??? %???? inhert

(1)length

定义固定缩进，以像素为单位，默认值为0

(2)%

以父元素宽度的百分比为长度缩进

(3)inhert

继承父元素的缩进

5种属性值

left ??center? right? justify? inhert

(1)left和right

很少使用

(2)center

居中对齐

经常和line-height:父元素高度 ?一起使用使文本居中对齐

如果不添加line-height 属性，文本会偏在父元素的上方

(3)justify

文本两端对齐

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!