css文本样式

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

      可选值:

        none  文本正常显示  默认值

        uppercase  字母大写

        lowercase   字母小写

        capitalize  单词首字母大写

2: text-decoration  可以用来设置文本的修饰

      可选值:

        none  文本正常显示  默认值

        underline  文本下划线

        overline  文本上划线

        line-through  文本删除线

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

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

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

      可选值:

        left  默认值,文本靠左对齐

        right  文本靠右对齐

        center  文本居中对齐

6: text-indent 设置首行缩进

      常用的长度单位:em

7: white-space: ; 设置网页如何处理空白,可以设置换不换行

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

        可选值:ellipsis  省略号

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

      4个参数  (参数之间以空格隔开)

        1、阴影的水平位移距离  正值向右,负值向左   必填

        2、阴影的垂直位移距离   正值向下,负值向上   必填

        3、阴影的模糊半径    选填,默认是0px

        4、阴影的颜色  一般情况用rgba   选填,默认是字体的颜色

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

        4个参数跟text-shadow是一样

          唯一不同的是

          阴影的颜色  默认是黑色

11: vertical-align  设置元素垂直对齐的方式

      vertical-align作用:

                1、设置图文的对齐方式

                2、解决图片三像素的问题

                    引入图片后,图片与图片之间会有三像素的空白,正常情况,这个空白我们是要去除

                    方法一:

                        vertical-align 非baseline

                    方法二:

                        设置其父元素的font-size为0

                    方法三:

                        设置图片为块元素

                    方法四:

                        使图片脱离文档流,设置它浮动或者绝对定位皆可

               可选值:

                baseline  基线对齐  默认值  以x的最下方为标准

                top   文本靠上

                bottom   文本靠下

                middle  文本居中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值