关于文本的那点事

        说起文本,网页上通俗的来说,就是文本的样式和间距的样式,首先讲一下有关文本的样式。

      font-variant,这个属性唯一的作用是将文字用略小的大写字母表示。原先为大写字母将任然保持原样,而原先小的字母将有稍小的大写字母来显示。这个属性有两个合法值,分别为normal和small-caps。但是多数字体是没有small-caps变体的,因而浏览器会把大写字母缩小。因为浏览器有这个特性,所以font-variant也不勉强要求字体必须有预设的变体。

      text-transform这个属性提供更为精确的字符大小控制。它的可选值有capitalize其作用是讲每个单词的首字母大写),uppercase(其作用是将单词中的所有字母大写),lowercase(其作用是讲所有字母小写),none(是默认的正常状态)

     text-decoration,从一开始,网页上的下划线就表示链接 ,所以聪明的你不要挑战人们一直以来的思维,不要乱给文本用下划线,这样会造成不必要的误会。下面我就具体列一下气有关的值:none(浏览器默认值),underline(我们一直推崇仅在链接中使用underline),overline(这个值不怎么用,在数学中,上划线表示平均值,但其他的领域不怎么用到它),line-through(仅用于表示已经不相关的,非事实或是无效的文字,这些文字可能已经被其他的替代掉了),还有blink(这个值已经废弃了,而且css中的blink值也并非所有的浏览器都支持,所以没必要详细的介绍)

    接下来说一下间距样式,其实很多时候一旦有关文本的样式,我都是在w3school那里找的,w3school的确是个不错的地方,特别适合新手。〉〉夜已深,先睡个好觉*_*

    line-height不需要单位,也就是说1.2和1.2em或者是120%都是同个意思来的——也就是说加单位的值是基于当前文字大小的相对值。

   letter-spacing,是用了控制字符间距。我们可以将其设定为normal或是一个长度的值。但是由于屏幕的分辨率不是很高,所以我们并不推荐在大段的文字上使用该属性,否则会将文字显示的很长。因此,最好只用在标题和小段文字中使用letter-spacing。

   word-spacing,和letter-spacing是一个样的,用来控制单词间距。可用的值有normal,长度值,百分比或是inherit(继承父元素的word-spacing)。另外需要注意的是。诸如文本对齐和white-spacing等的设定均会影响到浏览器对word-spacing的处理。

   text-align用于文本的对齐。可选值有left,right,center和justify。考虑到浏览器的不精确控制,我们建议使用left-align和right-align,而对于标题和小段的文字。可以采取center-align,但是不要将其应用到长段的文字中。


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值