[返回首页]
 ◎ 您当前的位置:首页 >> 站长学堂 >> 网页设计 >> Html/Css >> 正文
CSS手册简编
作者: 来源: 发布时间:2007-8-9 23:28:46 


P { font-weight: normal } /* 400 */
H1 { font-weight: 700 } /* bold */
font-size属性描述字体的大小:
属性名称: 'font-size'
属性值: <absolute-size> | <relative-size> | <length> | <percentage>
初始值: medium
适合对象: 所有元素
是否继承: yes
百分比备注: relative to parent element's font size
该属性可以使用绝对大小,也可以使用相对大小,其中绝对大小可以使用,如下关键字表示:
xx-small | x-small | small | medium | large | x-large | xx-large 分别代表最小、较小、小、中等、大、较大和最大。相对大小可以使用:larger 或smaller描述。例如:
P { font-size: 12pt; }
BLOCKQUOTE { font-size: larger }
EM { font-size: 150% }
EM { font-size: 1.5em }
Font属性是以上属性的快捷方式,属性如下:
属性名称: 'font'
属性值: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ]
适合对象: 所有元素
是否继承: yes
百分比备注: 只在font-size使用
例如:
P { font: 12pt/14pt sans-serif } P { font: 80% sans-serif }
P { font: x-large/110% "new century schoolbook", serif }
P { font: bold italic large Palatino, serif }
P { font: normal small-caps 120%/120% fantasy }

[NextPage]


文本属性

CSS属性:
6、文本(Text)属性:

这里的属性将影响WEB文档中的文本显示情况。
text-indent属性描述文本的缩进程度:
属性名称: 'text-indent'
属性值: <length> | <percentage>
初始值: 0
适合对象: 容器元素
是否继承: yes
百分比备注: 根据父元素的宽度而定
下面的例子表明段落的缩进值为3em:
P { text-indent: 3em }
Alignment属性表明文本的对齐方式:
属性名称: 'alignment'
属性值: left | right | center | justify
初始值: 依照用户定义
适合对象: block-level elements
是否继承: yes
百分比备注: 被禁止

text-decoration属性描述对文本的修饰方法:
属性名称: 'text-decoration'
属性值: none | [ underline || overline || line-through || blink ]
初始值: none
适合对象: 所有元素
是否继承: no (see clarification below)
百分比备注: 被禁止
属性值含义分别为:
underline:下划线。
overline:上划线。
line-through:删除线。
blink:闪烁(如同Navigator中的blink标记的功能)

text-shadow属性可以为文本加入阴影的特效:
属性名称: 'text-shadow'
属性值: none | <color> [, <color> ]*
初始值: none
适合对象: all
是否继承: No
百分比备注: 只在描述透明度时有效
例如:
P { text-shadow: black }
上例将在文本的右下方显示黑色阴影,另外阴影将增大BOX的面积。

letter-spacing属性表明文本的字间距:属性名称: 'letter-spacing'
属性值: normal | <length> | auto
初始值: normal
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止
例如:
BLOCKQUOTE { letter-spacing: 0.1em }
word-spacing属性表明文本中单词间距:
属性名称: 'word-spacing'
属性值: normal | <length>
初始值: normal
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止
例如:
H1 { word-spacing: 1em }
text-transform属性可以将BOX内的文本按指定的大写或小写形式显示:
属性名称: 'text-transform'
属性值: capitalize | uppercase | lowercase | none
初始值: none
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止
属性值含义为:
capitalize:把BOX中的每句句首字母变成大写。
uppercase:把BOX中所有的字母变成大写。
lowercase:把BOX中所有的字母变成小写。

White-space属性描述如何显示文本中的空格,在HTML中,空格是被省略的,也就是说你在一个段落标记的开头无论输入多少个空格都是无效的,要输入空格有两个方法,一是直接输入空格的代码"&nbsp;",或者使用<pre>标记,CSS中也制定了类似于pre的属性:

本新闻共10页,当前在第08页  01  02  03  04  05  06  07  08  09  10  

[返回上一页] [打 印]
上一篇文章:HTML中meta作用 | 下一篇文章:没有了
热点文章 推荐文章 相关信息
·用HTML给Flash加链接
·CSS实用教程(一)
·HTML中meta作用
·第二章 CSS的应用方式
·HTML语言剖析(3)
·CSS实现的文字竖排效果
·CSS+DIV设计实例:超酷的竖排导航栏
·CSS初级入门:页面样式的整体声明
·第六章 区块性质的CSS
·CSS实用教程(二)
·CSS 循序渐进(一)画个瓢
·HTML-加速、再加速上