css 设置段落样式 各种设置方式详细解释

  • Post author:
  • Post category:其他



我本来打算告诉你 当你不在我身边的这段日子里 我遇到的所有糟糕事 但最后我只想告诉你 我很想你



设置段落样式

今天我们详细讲讲设置段落样式的方式:

网页的排版离不开对文字段落的设置,这里主要讲述常用的段落样式,包括文字对齐方式,段落首行缩进,首字下沉,行高,单词间距,字符间距和文本大小


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 定义仅有小写字母,五大写字母。



版权声明:本文为weixin_52915467原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。