CSS 文本样式

本文介绍了CSS中用于控制文本样式的多个属性,包括text-transform用于设置文本大小写,text-decoration定义文本修饰,letter-spacing和word-spacing调整字符与单词间距,text-align控制文本对齐,text-indent设置首行缩进,white-space处理空白,text-overflow处理文本溢出,以及vertical-align设定图文对齐和text-shadow与box-shadow创建文本与盒子阴影。
摘要由CSDN通过智能技术生成

1: text-transform 可以用来设置文本的大小写

          可选值:

            none  文本正常显示  默认值

            capitalize  设置单词首字母大写  

            uppercase  设置单词大写

            lowercase   设置单词小写

2: text-decoration  [dɛkə'reɪʃ(ə)n] 可以用来设置文本的修饰

         可选值:

           none  文本正常显示  默认值

           underline  下划线

           overline    上划线

           line-through  删除线

3: letter-spacing可以指定字符间距

4: word-spacing可以设置单词之间的距离

5: text-align用于设置文本的对齐方式  

         可选值:

            left   文本左对齐

            right   文本右对齐

            center   文本居中对齐

            justify  两端对齐

         注意:设置之前需要确保有设置的空间

6: text-indent 设置首行缩进

          可以直接跟长度单位  px  em rem

7: white-space: ; 设置网页如何处理空白

8: text-overflow 文本溢出包含元素时发生的事情

       设置固定宽度

        width: 200px;

        设置文本不换行

        white-space: nowrap;

        裁剪多余文本 

        overflow: hidden;

        多余文本以省略号的形式出现

        text-overflow: ellipsis;

9:vertical-align  作用一、设置图文对齐的方式

           可选值:

             baseline  默认值  基线对齐  以字母x最下方为参考标准

             bottom  图文靠下对齐

             middle  图文居中对齐

             top     图文靠上对齐

10: text-shadow: h-shadow v-shadow blur color;

          参数:

          h-shadow  阴影的水平位移距离  正值向右  负值向左  必写

          v-shadow  阴影的垂直位移距离  正值向下  负值向上   必写

          blur      阴影的模糊半径  值越大阴影越模糊  可选值  默认是0px

          color  阴影的颜色   一般用rgba形式  可选值  如果不写话,默认是字体的颜色

11.box-shadow: h-shadow v-shadow blur color;

    参数:

          h-shadow  阴影的水平位移距离  正值向右  负值向左  必写

          v-shadow  阴影的垂直位移距离  正值向下  负值向上   必写

          blur      阴影的模糊半径  值越大阴影越模糊  可选值  默认是0px

          color  阴影的颜色   一般用rgba形式  可选值  如果不写话,默认是黑色

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值