学习前端第八天(CSS)

本文详细介绍了CSS中的12个关键文本属性,包括颜色表达、文字方向、字符与单词间距、文本缩进、大小写转换、垂直与水平对齐、文本溢出处理、单词断行规则以及文字阴影效果。
摘要由CSDN通过智能技术生成

CSS,文本属性:

1、颜色属性,color:四种表达方法:颜色名称,十六进制 / RGB / RGBa(可调透明度)

2、direction属性,文字显示方向:ltr 左到右;rtl 右到左,需添加一行代码:unicode-bidi: bidi-override;

3、letter-spacing属性,设置字符间距,对英文中的字母和汉字生效,px

4、word-spacing属性,设置单词间距,对英文中的单词生效,px

5、text-indent属性,块元素首行文本缩进,单位:rem(常用),px,%

6、text-transform属性,将英文单词全转换为大写或小写

                                      uppercase,全大写;lowercase,全小写

7、vertical-align属性,指定行内元素或表格单元格元素的垂直对齐方式

                                     baseline,对齐父元素基线

                                     sub/super 使元素的基线与父元素的下标/上标基线对齐。

                                     middle 使元素的中部与父元素的基线加上父元素x-height的一半对齐。

                                     top 使元素及其后代元素的顶部与整行的顶部对齐。

                                     bottom 使元素及其后代元素的底部与整行的底部对齐。

8、text-align属性,设置文本水平对齐方式,left 默认,居左。 center 居中。 right 居右。

9、white-space属性,如何处理元素中的空白

                                     normal:连续空白符会被合并,换行符会被当作空白符处理

                                     nowrap:连续空白符会被合并,换行无效,有《br》

10、text-overflow属性,设置如何处理文字溢出内容,可以被剪切,显示一个省略号或显示 一个自定义字符串。注意要加white-space:nowrap

                                    clips:文字极限处截断

                                    ellipsis:省略号

11、word-break属性,怎样在单词换行处断行

                                    break-all:在任意位置进行断行,不考虑单词完整性

                                    keep-all(默认):维持单词完整性或句子完整性进行断行

12、text-shadow属性,文字阴影,值用逗号隔开,依次为水平方向偏移值,垂直方向偏移值,模糊半径,颜色。偏移值允许负值

                                    

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值