- [ CSS入门 ]

六,文本类样式

2020-12-15  本文已影响0人  好多可乐

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

.lineHeight{
     line-height: 60px;
}

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

  1. 英文,如red
  2. 16进制,如#FFB6C1(分别代表红黄蓝三色,2个字母代表一色)

后的数字只能是0-9,a-f,A-F

  1. 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个字符的距离

上一篇下一篇

猜你喜欢

热点阅读