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

举报
可期 发表于 2021/12/15 21:00:58 2021/12/15
【摘要】 我本来打算告诉你 当你不在我身边的这段日子里 我遇到的所有糟糕事 但最后我只想告诉你 我很想你 设置段落样式今天我们详细讲讲设置段落样式的方式:网页的排版离不开对文字段落的设置,这里主要讲述常用的段落样式,包括文字对齐方式,段落首行缩进,首字下沉,行高,单词间距,字符间距和文本大小1.设置文字的对齐方式设置文字对齐方式需要使用 text-align 属性来实现效果。语法:text-align...

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

设置段落样式

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

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

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。