在前端页面制作的时候发现自己的文字之间太紧凑，想要通过css设置下字间距让文字之前的距大一点，这样更符合自己的页面布局设计，也更加美观。下面我们来看一下css调整字体间距的方法。

在CSS中，调整字与字之间的间距的属性是letter-spacing，你通过更改标签的letter-spacing属性值来设置标签内字与字之间的间距。

letter-spacing 属性增加或减少字符间的空白(字符间距)。

该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0。

属性值：normal 默认。规定字符间没有额外的空间。

length 定义字符间的固定空间(允许使用负值)。

inherit 规定应该从父元素继承 letter-spacing 属性的值。

示例：

h1 {letter-spacing:2px;}

h2 {letter-spacing:-3px;}

This is heading 1

This is heading 2

效果图：

html字体间距标签,css中字体间距怎么调？相关推荐

html中字体的单位,CSS中字体单位：px、em、rem和%
对于绘图和印刷而言,"单位"相当重要,然而在网页排版里,单位也是同样具有重要性,在CSS3普及以来,更支持了一些方便好用的单位(px.em.rem-等),这篇文章将整理这些常用的C ...
css中字体与段落属性设置/文本高级样式
CSS中字体与段落属性毫无疑问,不管什么网站,文字一定是必不可少.文字可以是网页传播信息的主要手段.那么怎么显示文字,才能更加的美观,那么大家需要了解以下文字属性. 字体属性属性用途语法(一些 ...
html中选择字体的元素,深入探讨CSS中字体元素
深入探讨CSS中字体元素更新时间:2006年09月25日 00:00:00 作者: 字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所 ...
css中字间距调整（转）
css中字间距调整 (2014-01-02 13:51:07) 标签: 汉字英文间距 letter-spacing word-spacing 杂谈分类: 网页制作汉字间字间距设置:letter ...
html5如何设置字号,如何设置css中字体大小？
如何设置css中字体大小?下面本篇文章就来给大家介绍一下使用CSS设置字体大小的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS代码中,可以通过设置"font ...
php网页代码字体颜色设置,html和css中字体颜色设置的相关总结
网页中颜色的运用是网页必不可少的一个元素.使用颜色目的在于有区别.有动感.美观之用,同时颜色也是各种各样网页的样式表现元素之一,所以在我们的日常开发中不管是前端还是后端都离开不字体颜色,那么我们今天就 ...
-如何调整html页面的间距,css中字间距怎么设置？
在前端页面制作的时候发现自己的文字之间太紧凑,想要通过css设置下字间距让文字之前的距大一点,这样更符合自己的页面布局设计,也更加美观.下面我们来看一下css设置字间距的方法. css中字间距使用le ...
html语言怎么改变文字大小,如何设置css中字体大小？
如何设置css中字体大小?下面本篇文章就来给大家介绍一下使用CSS设置字体大小的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS代码中,可以通过设置"font ...
css中字体之间的距离是什么意思,css字符间距(css文字间距怎么设置)
怎么样控制字和字之间的间距,而不是行间距. 在需要设置的CSS标签下加入一下代码即可.word-spacing:8px;letter-spacing: 1px; line-height:25px是绝对 ...

html字体间距标签,css中字体间距怎么调？

This is heading 1

This is heading 2

html字体间距标签,css中字体间距怎么调？相关推荐

最新文章

热门文章