CSS定义字体间距 字体行与行间距

CSS定义字体行间距 line-height:xxpx;

CSS定义字体间距

下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表:

属性     属性含义     属性值
Word-spacing     定义了各个单词之间的间距     Normal<length>必须以长度为单位
Letter-spacing        定义了每个字母之间的间距     同上
Text-decoration     定义文字的“装饰”样式     None|underline|overline|

 

line-through|blink
Vertical-align     定义了元素在垂直方向

 

上的位置
    Baseline|sub|super|top|text-top|middle|bottom|text-bottom

 

<percentage>
text-transform     使文本转换为其它形式     Capitalize|uppercase|lowercase|none
Text-align     定义了文字的对齐方式     Left|right|center|justify
Text-indent     定义了文本的首行的缩进方式     <length>|<percentage>
Line-height     定义了文本的行高     Normal|<unmber>|<length>|

 

<percentage>

我们可以从表中看到在这里可以定义文本的文字间距、字母间距、装饰、对齐方式、缩进方式和行高等属性。

举个例子来看看吧:

CODE:

<p style="letter-spacing:5px;text-align:justify;text-indent: 4em;line-height:17pt">我们看到经过文本属性处理的文本字与字之间多了间距,行与行之间多了行高,对齐方式变成了两端对齐,并且段首又多缩进了两格。</p>

letter-spacing设置了字间距为5px,其中5px为一个长度单位;text-align设置了对齐方式为两端对齐;indent设置了缩进格为4em;line-height设置了行高为17pt

从上面的例子,我们可以看出利用CSS的文本属性可以方便的对页面中的文本进行排版。

时间: 2024-10-27 14:43:48

CSS定义字体间距 字体行与行间距的相关文章

cfont logfont-CFont LOGFONT 固定间距字体 按比例调距的字体

问题描述 CFont LOGFONT 固定间距字体 按比例调距的字体 CFont 类如何定义固定间距字体和按比列调距的字体?............................ 解决方案 http://zhidao.baidu.com/link?url=cxWFCkbppsaS03CuF0a5BuTRDrqhyYSnBYeFVkILh-3CxvreG_zfO9-SslEVRl8qo1HaYCn67kOSwIqYcbj_Ha 解决方案二: 只能选特定的字体,否则非等宽的字体无法实现你想要的.

在&amp;nbsp;CSS&amp;nbsp;中关于字体处理效果的思考

css  字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的. 中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影响是巨大的.看看下面的图示就会发现,英文字体里的那些变化在中文字体里都弱化了. 作为中文的读者,习惯性的接受方块形状做为阅读的单元,其实对于眼睛来说,这是一种容易疲劳的方式,阅读的时候你的视线实际上是跟随整行文字的外形.看看这个例子. NOW I'VE

CSS中调用网络字体

核心提示:CSS中调用网络字体资源Google Font API       Google前些天在Google I/O大会上发布了一个新的服务 Font API,这是一个很酷的东东,可以让我们很方便的使用网络字体,而且这些字体都是免费的,你无需担心版权的问题.       Google Font API使用起来也非常方便,从下面的例子中可见一斑: @font-face { font-family: 'Tangerine'; font-style: normal; font-weight: nor

CSS手册简编:字体属性

css CSS属性: 5.字体(Font)属性: 这里定义了关于字体的各种属性. font-family属性定义字体的名称,可以是一个字体的名称,也可以是一类字体的名称,字体的名称一定要和计算机系统里的完全一样: 属性名称: 'font-family'属性值: [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>]初始值: 根据用户定义而定适合对象: 所有元素是否

Word字体间距过大、过长该如何调整?

在Word中输入文字的时候字体间距变得非常大,不知道是什么原因造成.仔细回想下这个问题不下于十个人曾经问过我,相信这个字体间距过大的问题常常被人遇到,所以在此作出解答,也方便日后各位朋友遇到此问题可以很好的解决. 如下图所示,输入的文字没有达到一排的字数,然后回车,文字之间就会有很大的间距. 说明:造成字体间距的原因可能很多,我也不知道大家到底遇到的是哪一种,所以我将可能会遇到此问题的解决方法全部整理出来,大家可以一个一个的尝试,绝对有一种可以帮你解决! 第一种解决方法:将光标放到需调整的那一排

CSS教程:网页字体及字体大小的设计

字体大小 CSS2规范根据长度--水平和垂直尺寸--来定义字体.这个长度为一个数值,前面可能带一个可选的加(+)或减(-)标记符.另外,该数值后可能有一个可选的单位标识符. 另外,CSS2规范定义了两个单位类型:绝对单位和相对单位.绝对值指定单位,而相对单位指定一个与另一个值成比例的值.下面的列表列出了相对单位标识符: em:元素字体的高度.它与使用该字体的元素的字体大小属性计算值相等.当它出现在字体大小属性值本身中时,会出现异常,这时它指母元素的字体大小. ex(x-高度):CSS2规范将它描

如何解决powerpoint 2007字体间距太大的问题

不知什么原因,我的powerpoint突然字体的间距变的得非常之宽,不管在字体里怎么调都不行,就是没有效果.我试过的方法有:尝试对齐方式,复制到记事本纯文本复制,powerpoint字体设置,间距设置,全部都是一样的情况,均以失败告终.网上查了下还有重装Office 2007也失败的.但是文档在另一部机上打开是正常的,间距都正常.如图的样子: baidu了下,搜索了半天没见答案,于是尝试将问题译成英文,在google试了下,竟然找到答案了,原来网上跟自己一样情况的人也挺多的,都是摸不着头脑. 原

通过css加载远程字体示例代码

为了让所有的浏览器字体统一,就需要通过css加载远程字体,下面有个不错的示例,大家可以参考下,希望对大家有所帮助     复制代码 代码如下: <style type="text/css"> @font-face { font-family: 'C39HrP72DlTt'; src: url('C39HrP72DlTt.eot'); src: local('C39HrP72DlTt'), url('C39HrP72DlTt.eot'), url('C39HrP72DlTt.

在css中如何给字体加粗?

问题描述 在css中如何给字体加粗? 在css中如何给字体加粗? 解决方案 加粗就是font-weight,h1默认就是加粗的,设置不设置font-weight都无所谓,你设置为font-weight:normal看看就知道了,会变细 解决方案二: bolder看看 或者干脆指定一个值 解决方案三: 你这不是已经是加粗了吗? 解决方案四: 你这不是已经是加粗了吗? 解决方案五: ```[致年](http://blog.csdn.net/u014100996/article/details/500