首页 > > 网页制作 > css >

学习CSS使用技巧教程(6)文字属性

2008-02-23 08:30:13来源：互联网阅读 ()

　　上一节：自定义类别

　　文字属性

　　文字属性是可以设置文字的颜色、大小、字型、粗细等等。

原始代码

<STYLE>
SPAN.c1 {color:red;position:relative;font-size:12px;font-family:Arial;font-weight:700}
SPAN.c2 {color:blue}
SPAN.c3 {color:green}
SPAN.c4 {color:pink}
</STYLE>

显示结果

A
B
C
D

　　文字颜色 { COLOR }

　　语法：{ COLOR : ( color ) }

原始代码	<STYLE> SPAN.test {color:red} </STYLE> <SPAN CLASS=test>A B C D</SPAN>
显示结果	A B C D

　　文字类别 { FONT }

　　设置字体样式、大小写变化、粗细、大小、文字行列高度、字型

　　语法：{ FONT : ( font-style )︱( font-variant )︱( font-weight )︱( font-size )︱( font-family )︱/ ( line-height ) }

原始代码	<STYLE> SPAN.test {FONT:ITALIC BOLD 12pt/18pt} </STYLE> <SPAN CLASS=test>A B C D</SPAN>
显示结果	A B C D

　　下载字型 { @FONT-FACE }

　　语法：@FONT-FACE { FONT-FAMILY : ( font-family ) ; SRC : URL ( url ) }

原始代码	<STYLE> @FONT-FACE { FONT-FAMILY : (未定) ; SRC : URL ( 下载地址 ) } </STYLE>
显示结果	没有结果

　　文字字型 { FONT-FAMILY }

　　语法：{ FONT-FAMILY : ( font-name )︱( generic-family ) }

原始代码	<STYLE> SPAN.test {FONT-FAMILY:"Arial Black"} </STYLE> <SPAN CLASS=test>A B C D</SPAN>
显示结果	A B C D

　　文字大小 { FONT-SIZE }

　　设定字体大小 ( 可设单位属性 : 点 pt、英寸 in、公分 cm、像素 px、百分比 % )

　　语法：{ FONT-SIZE : LARGE︱MEDIUM︱SMALLER︱( length )︱( percentage ) }

原始代码	<STYLE> SPAN.test1 {FONT-SIZE:LARGE} SPAN.test2 {FONT-SIZE:10pt} SPAN.test3 {FONT-SIZE:50%} </STYLE> <SPAN CLASS=test>A B C D</SPAN> <SPAN CLASS=test1>E F G H</SPAN> <SPAN CLASS=test2>I J K L</SPAN>
显示结果	A B C D E F G H I J K L