应用基本文本样式
1.对齐文本
- 使用text-align设置文本的对齐方式,值有start,end,left,right,center,justify,若值为justify,则使用text-justify属性设置文本添加空白的方式。
- 当取值为 start 和 end 时,对齐的位置跟文本流的书写方向有关,书写方向不同,其对齐的位置也不同。对于从左到右的内容,start和left等价,end和right等价;对于从右到左的内容,start和right 等价,end和left等价。大多数情况下,文本流的默认书写方向为从左到右,而希伯来语和阿拉伯语等的默认书写方向为从右到左。
2.处理空白 - 使用whitespace属性来指定空白字符的处理方式
- 下面是whitespace属性的值
3.指定文本方向 - direction属性告诉浏览器文本块的排列方式,有ltr和rtl
4.指定单词,字母,行之间的间距 - letter-spacing设置字母间的间距
- word-spacing设置单词之间的间距
- line-height设置行高
5.控制断词 - word-wrap属性告诉浏览器如何处理一整个单词在本行放不下时的处理方式
- 属性值normal单词不会断开
- 属性值break-word断开单词,使其放到包含块的元素中
6.首行缩进 - text-indent属性用于指定文本块的首行缩进
文本装饰与大小写转换
- text-decoration属性用来装饰文本,属性值有none,underline,overline,line-through,blink
- text-transform为文本块转换大小写,属性值有none,capitalize,uppercase,lowercase
创建文本阴影
- text-shadow为文本创建阴影同创建元素阴影一样四个值分别是水平和竖直阴影,长度值,阴影颜色
使用字体
- font-family设置字体
- font-size设置字体大小
- font-weight设置字体的粗细
- font-style设置字体的样式属性值有bormal,italic(斜体),oblique(倾斜字体)
- 使用font属性可一次性简写上述属性。
使用Web字体
- 使用font-face指定web字体就是不必在使用web-safe字体,可以使用自己服务器上的字体吧
- 使用方式就是下面这样啦,由于我还不知道到哪里下载个性的字体所以就自己实现不了啦