zoukankan      html  css  js  c++  java
  • 设置div中文字的字体

    Word-spacing:定义了各个单词之间的间距,取值:Normal|<length>。
    Letter-spacing:定义了每个字母之间的间距,取值:Normal|<length>。
    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|<number>|<length>|<percentage>。

    我们可以从上面看到在这里可以定义文本的文字间距、字母间距、装饰、对齐方式、缩进方式和行高等属性。举个例子来看看吧:

    <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的文本属性可以方便的对页面中的文本进行排版。 

    行间距取决于字体的大小,一般来说,小的字号需要大一点的行间距来便于阅读,中文字体在网页上如果没有行间距的设定,对于阅读大段文字来说是读者的灾难,所以适当设定line-height是非常必要的。一般地, line-height 在网页设计中应该是字体大小的1.5倍到2倍。Word 和其它的文本编辑软件里, 一般设定字体的120%作为缺省的行间距。css里的 line- height 设定,是均分后加在每一行的上下,也就是说,如果 line-height 设定为 20px 的话,那么每一行文字的上下各有10px的间距。

  • 相关阅读:
    php面向对象三大特性
    php面向对象的重写与重载
    一组成对的数字,找出不成对的数字
    如何创建dll以及使用
    常见运行时错误
    连续数的和
    绕圆圈取球
    第一章 概述
    错误2038
    一个简单的环境光shader
  • 原文地址:https://www.cnblogs.com/liziqiang/p/3420674.html
Copyright © 2011-2022 走看看