Los Angeles Chinese Learning Center, providing private Chinese Mandarin classes, Chinese tutors, Mandarin interpreter and translators, China investment report, investment opportunity report, China intelligence report, information on Chinese herbal medicines in Los Angeles
Corporate Services Other Services
Private Instruction Invest in China
Curriculum FAQ
Business Culture Links
Textbooks Our Staff
Hours and Location Contact Us
 

CSS 速成 (7)

文本属性

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

文字间隔
语法: word-spacing: <值>

允许值: normal | <长度>

初始值: normal

适用于: 所有元素

向下兼容: 是


文字间隔属性定义一个附加在文字之间的间隔数量。该值必须符合长度格式,允许使用负值。

例如:

P EM { word-spacing: 0.4em }
P.note { word-spacing: -0.2em }

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

字母间隔
语法: letter-spacing: <值>

允许值: normal | <长度>

初始值: normal

适用于: 所有元素

向下兼容: 是


字母间隔属性定义一个附加在字符之间的间隔数量。该值必须符合长度格式,允许使用负值。一个设为零的值会阻止文字的调整。

例如:

H1 { letter-spacing: 0.1em }
P.note { letter-spacing: -0.1em }

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

文本修饰
语法: text-decoration: <值>

允许值: none | [ underline || overline || line-through || blink ]

初始值: none

适用于: 所有元素

向下兼容: 否


文本修饰属性允许通过五个属性中的一个来修饰文本: underline (下划线),overline (上划线),line-through (删除线),blink (闪烁),或缺省地使用无。

例如,使用下列语句可以使连接不再有下划线:

A:link,A:visited,A:active { text-decoration: none }

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

纵向排列
语法: vertical-align: <值>

允许值: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <百分比>

初始值: baseline

适用于: 内部元素

向下兼容: 否


纵向排列属性可以用作一个内部元素的纵向位置,相对于它的上级元素或相对于元素行。(一个内部元素是没有行在其前和后断开的,例如,在HTML中的EM,A,和IMG)

该值可以是一个相对于元素行高属性的百分比,它会在上级基线上增高元素基线的指定数量。允许使用负值。

该值也可以是一个关键字。以下的关键字将影响相对于上级元素的位置:

baseline (使元素和上级元素的基线对齐)
middle (纵向对齐元素基线加上上级元素的x-高度——字母" x "的高度——的一半的中点)
sub (下标)
super (上标)
text-top (使元素和上级元素的字体向上对齐)
text-bottom (使元素和上级元素的字体向下对齐)
影响相对于元素行的位置的关键字有

top (使元素和行中最高的元素向上对齐)
bottom (使元素和行中最低的元素向下对齐)
纵向排列属性对于排列图象特别有用。以下是一些例子:

IMG.middle { vertical-align: middle }
IMG { vertical-align: 50% }
.exponent { vertical-align: super }

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

文本转换
语法: text-transform: <值>

允许值: none | capitalize | uppercase | lowercase

初始值: none

适用于: 所有元素

向下兼容: 是


文本转换属性允许通过四个属性中的一个来转换文本:

capitalize (使每个字的第一个字母大写)
uppercase (使每个字的所有字母大写)
lowercase (使每个字的所有字母小写)
none (使用原始值)
例如:

H1 { text-transform: uppercase }
H2 { text-transform: capitalize }
文本转换属性仅仅被用于表达某种格式的要求。这并非很适当的做法,例如,用文本转换使一些国家的名字的第一个字母大写,而其它字母小写。


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

文本排列
语法: text-align: <值>

允许值: left | right | center | justify

初始值: 由浏览器决定

适用于: 块级元素

向下兼容: 是


文本排列属性可以应用于块级元素(P,H1,等),使元素文本得到排列。这个属性的功能类似于HTML的段、标题和部分的ALIGN属性。

以下是一些例子:

H1 { text-align: center }
P.newspaper { text-align: justify }

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

文本缩进
语法: text-indent: <值>

允许值: <长度> | <百分比>

初始值: 0

适用于: 块级元素

向下兼容: 是


文本缩进属性可以应用于块级元素(P,H1,等.),以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而定。通用的文本缩进用法是用于段的缩进:

P { text-indent: 5em }
 

 
All contents copyright ? Los Angeles Chinese Learning Center, unless otherwise noted. Website Hosting and Promotion Cortiloss, Cortislim, Enzyte, Ogoplex, 5 HTP, Chitosan, Stacker 2, Stacker 3, Stamina, Zantrex