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 align center我们使⽤text-transform 属性设置⽂本的⼤⼩写。
语法:text-transform:none | capitalize| uppercase | lowercase
参数:none为默认值,定义带有⼤⼩写字母的标准⽂本;capitalize 指定⽂本中的每个单词以⼤写字母开头;uppercase 定义仅有⼤写字母,⽆⼩写字母;lowercase 定义仅有⼩写字母,五⼤写字母。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。