css 设置段落样式 各种设置方式详细解释
我本来打算告诉你 当你不在我身边的这段日子里 我遇到的所有糟糕事 但最后我只想告诉你 我很想你
设置段落样式
今天我们详细讲讲设置段落样式的方式:
网页的排版离不开对文字段落的设置,这里主要讲述常用的段落样式,包括文字对齐方式,段落首行缩进,首字下沉,行高,单词间距,字符间距和文本大小
1.设置文字的对齐方式
设置文字对齐方式需要使用 text-align 属性来实现效果。
语法:text-align:left | right | center | justify
参数:left “左对齐” ,right “右对齐”,center “居中”,justify “两端对齐”
有了这个属性大家可以在浏览器中实现一下
2.设置首行缩进
首行缩进就是段落的第一行从左向右缩进一定距离,其他行则不缩进。设置首行缩进我们使用 text-indent 属性实现。
语法:text-inent:length
参数:length为百分比数字或由浮点数字,单位标识符组成的长度值,可以为负值
3.设置首字下沉
首字下沉指的是:设置段落第一行第一个字的字体变大,并且向下一定距离,而段落的其他部分保持不变。那么设置首字下沉可以使用first-letter属性,控制第一个字符样式。
4.设置行高
行高:指的是两行文字之间的垂直距离
在css中使用 line-height 属性控制行与行之间的垂直距离
语法:line-height:length | normal
参数:length为百分比熟悉或由数值,单位标识符组成的长度值,可以为负值 normal 为默认行高
5.设置字间距
使用word-spacing设置字间距。
语法:word-spacing:length | normal
参数:normal 默认是单词间的标准间距。length为由浮点数字和单位标识符组成的长度值,可以为负值。
6.设置字符间距
我们使用letter-sapcing 属性栓塞制字符间或字母间的间距
语法:letter-spacing:length | normal
参数:normal 为默认值,定义字符间的标准间距。length为由浮点数字和标识符组成的长度值,允许为负值。
7.设置文本的大小写
我们使用text-transform 属性设置文本的大小写。
语法:text-transform:none | capitalize| uppercase | lowercase
参数:none为默认值,定义带有大小写字母的标准文本;capitalize 指定文本中的每个单词以大写字母开头;uppercase 定义仅有大写字母,无小写字母;lowercase 定义仅有小写字母,五大写字母。
- 点赞
- 收藏
- 关注作者
评论(0)