CSS设置字间距和词间距、行高、首行缩进、文本转换

鳄鱼君

发表文章数:531

热门标签

,

Vieu四代商业主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买
首页 » CSS和CSS3教程 » CSS设置字间距和词间距、行高、首行缩进、文本转换

CSS设置字间距

CSS使用letter-spacing属性来设置字间距(字符间距),属性值可以为像素px、em。所谓字间距就是字符与字符之间的空白

letter-spacing属性,其属性值可以为不同单位的数值,允许使用负值,默认为normal。

CSS设置词间距

CSS使用word-spacing属性来设置词间距(单词间距),只支持英文,中文没有词间距,属性值可以为像素px、em。

word-spacing属性用于定义英文单词之间的间距,和letter-spacing一样,其属性值可为不同单位的数值,允许使用负值,默认为normal。

CSS设置行高

CSS使用line-height属性来设置行间距(行高),所谓行间距就是行与行之间的距离,即字符的垂直间距,一般称为行高,有时候合适的行高更有利于文档的阅读。属性值可以为像素px、相对值em、百分比%,用的比较多的就是像素了!行高的像素值不能低于font-size属性的像素值,否则就会出现文字重叠。

CSS设置首行缩进

CSS使用text-indent属性来设置首行文本的缩进,其属性值可以为不同单位的数值、em字符宽度的倍数、或相对于浏览器窗口宽度的百分比%,允许使用赋值,建议使用em作为设置单位。负值应用于悬挂缩进,需要定义内边距,否则就会超出浏览器显示的屏幕!

text-indent属性适用于块元素,对行内元素无效

CSS设置文本显示

CSS使用text-transform属性来进行文本转换,text-transform属性用于控制英文字符的大小写。其可用的属性值如下:

  • none:不转换(默认值)。
  • capitalize:首字母大写。
  • uppercase:全部字符转换为大写。
  • lowercase:全部字符转换为小写。

未经允许不得转载:作者:鳄鱼君, 转载或复制请以 超链接形式 并注明出处 鳄鱼君
原文地址:《CSS设置字间距和词间距、行高、首行缩进、文本转换》 发布于2020-04-09

分享到:
赞(2) 赏杯咖啡

评论 抢沙发

8 + 7 =


文章对你有帮助可赏作者一杯咖啡

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.6主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册