电脑技术学习

div+css学习笔记3(字符间距和行高设置)

admin

word-spacing:4px;letter-spacing: 4px;字符间距为4

line-height:150%;行高为150%

http://www.w3school.com.cn/css/index.asp 一个不错的w3c标准学习网站

CSS属性 - word-spacing 词间距属性
说明
该CSS属性用来设定词与词之间的空间。

值:normal | <length> | inherit

可用值 值的说明
normal 缺省值。缺省的空间。
length 浮点数后跟绝对长度单位 (cm, mm, in, pt, or pc) 或相对长度单位 (em, ex, or px)。


该属性在每个词后面增加所设的空间。两端对齐方式 (justification) 会影响词的间距。

length 值表示在缺省的词间距上再增加的空间距,允许负值。

示例代码
span {word-spacing: 10;}
h1 {word-spacing: 1em;}
继承

适用于
所有元素

-------------------------------

定义
line-height属性可设置行间的距离。

注释:不允许使用负值。

继承性:Yes
JavaScript 语法
CSS属性也可通过一段JavaScript被动态地改变。

脚本语法:
object.style.lineHeight="2"
在我们的HTML DOM教程中,您可以找到更多有关lineHeight属性的细节。

在我们的HTML DOM教程中,您也可以找到完整的Style对象参考手册。
例子
p
; {
; line-height: 1.4
; }

p
; {
; line-height: 14pt
; }

p
; {
; line-height: 140%
; }
可能的值
值 描述
normal 默认。设置合理的行间距。
number 设置一个数字,此数字会与当前的字体尺寸相乘来设置行间距。
length 设置一个固定的行间距。
% 基于当前字体尺寸的百分比行间距。
TIY 实例
使用百分比设置行间距
本例演示如何使用百分比值来设置段落中的行间距。
使用像素值设置行间距
本例演示如何使用像素值来设置段落中的行间距。
使用数值来设置行间距
本例演示如何使用一个数值来设置段落中的行间距