六,文本类样式

一,定义:
用于对间距,位置,对齐方式等设置,
主要处理对其方式,文本修饰,文本转换,文本缩进等,
用于对文本进行修饰,比如阴影,下划线等
二,作用: 美化,修饰页面的文字部分相关内容
三,示例:

.lineHeight{
     line-height: 60px;
}

四,常用属性:
1,color:表示颜色的内容,用来设置文本颜色
颜色设置有3种方法:

  1. 英文,如red
  2. 16进制,如#FFB6C1(分别代表红黄蓝三色,2个字母代表一色)
    #后的数字只能是0-9,a-f,A-F
  3. RGB,如255,182,193,语法:rgb(255,182,193)(分别代表红黄蓝三色,逗号分割三色)
    rgb()中的三个值的范围是0-255

2,direction:属性值:ltr(左对齐),rtl(右对齐),用来设置文本的方向/书写方向
3,letter-spacing:属性值:npx(像素)(注:n可以是负数),用来设置字符间距
4,line-height:属性值:npx(像素),用来设置行高
5,text-align:属性值:left,right,center,justify(两端对齐),用来设置文本对齐方式

direction和text-align的区别:
针对非阿拉伯语,如字母或者汉字,2者没有什么区别,都可以实现左右对齐。
只针对阿拉伯语才有区别,书写方向有区别,比如是1 2 3 4,text-align选择right后,就变成4 3 2 1
6,text-decoration:属性值:none,underline(文字下面有下划线),overline(文字上面有下划线),line-through(删除效果下划线),用来做文本的修饰,比如下划线
7,text-shadow:属性值:h-shadow v-shadow blur color(4个属性),用来设置文本阴影
h-shadow:行坐标(px)
v-shadow :列坐标(px)
8,text-transform
属性值:none,capitalize(首字母大小写),uppercase(全部大写),lowercase(全部小写),用来改变字母大小写
9,text-indent:属性值:npx,nem,用来进行首行缩进
em:字符单位,2em表示2个字符的距离

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值