文本样式HTML

文本样式

        1.设置首行缩进  text-indent

                       常用单位 px

                               em

        2.设置文字在元素对齐方式 text-align

                        可选值:left/right/center(居中对齐 常用)/justify(二端对齐)

                        常实现的效果:文本在元素中水平居中

        3.设置元素行高 line-height:上间距+文本空间+下间距,上间距=下间距

                    常使用的数值 数字+单位

                                数字:代表当前文字大小的基本

        4.设置文本修饰 text-decoration

                      可选值:

                            none:取消

                            underline:下划线

                            overline:上划线

                            line-through:删除线

        5.颜色设置 color

                  可选值:

                  5.1 表示颜色的英文

                  5.2 十六进制 #ffffff  光的三原色:红 绿 蓝,每二位数值代表一个颜色的浓度

                        所以颜色浓度最大,代表白色(#fff),浓度最定为黑色(#000)

                  5.3 rgb(red,green,blue) 每个数值取值范围[0,255]

        6.设置文本阴影 text-shadow: x y b color;

                     x:设置阴影水平方向的偏移,注意正值向右

                     y:设置阴影垂直方向的偏移,注意正值向下

                     b:设置阴影模糊范围,注意值越大,模糊程度越高,没有负值

                     color:设置阴影颜色

        7.设置字符与字符的距离:letter-spacing

        8.设置单词与单词的距离:word-spacing

        9.设置文字与图片对齐方式:vertical-align

                               常用值:bottom(底部对齐) middle(居中对齐)

                                   baseline(基线对齐,默认值)

                常实现的效果:解决图片底部空白,vertical-align非默认值

                             设置文字与图片对齐方式            

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值