DHTML之CSS学习心得(2)

7. 类中可以指定的内容

    .bigText

    {

        font-family:arial black, vardana, sans-serif;

        font-weight:bold;

        font-style:italic;

        font-size:40pt;

        color:red;

    }

 

    (a)  font-family:  字体类型, 从左到右优先级依次降低，如上，当用户系统没有arial black字体时，就用vardana，以此类推。

    (b) font-size: 字体大小，可以是像素(pixel)和点(point两种方式。pt或px与数字之间不能有空格。eg. font-size:35px。

    (c) font-weight: 字体是否加粗，bold为加粗，normal为不加粗。

    (d) font-style:字体的风格，是否为斜体。italic为斜体，normal为非斜体。

    (e) color: 有四种方法设置颜色值:颜色名称(red)、十六进制数表示法(#FF0000)、RGB值(rgb(255,0,0))、RGB百分比(rgb(100%,0,0))

    (f) text-decoration:用来设置下划线或删除线，在IE中也可以在文字顶端划线。有三种选择值:underline、line-though、none

    (g) text-transform: 设置字体是否为大写，可以将所有单词的首字母设为大写，也可以将所有文本设为大写或小写，有三种选择值:capitalize、uppercase、lowercase。

    (h) text-indent: 允许控制段落中首行文字的缩进，eg. text-indent:20px。

    (i) line-height: 行高，不使用图片的情况效果会比较好，eg. line-height:40px。

    (j) text-align: 调整文字的左右对齐方式(左对齐为默认值)，或者文字居中。有三种选择值:left right center

8. 设置样式表的位置

    可以通过<span>标签进行设置。同时也可以通过<a> <td>等标签进行设置，例如：设置<span>标签为字体(5pt)、颜色(red)，设置<td>标签为颜色(blue)，则如果出现如下嵌套<span>span<td>td</td></span>，那么"span"为字体(5pt)、颜色(red)，"td"为字体(5pt)、颜色(blue)。

    注: 一次只可以设置一个类！

9. 设置样式

    可以在页标题处定义类，也可以创建一个单一用途的样式，如:<p style="font-family:verdana;font-size:25px;color:red">hi</p>

而一般不提倡这样!

10.  链接外部样式表 (下一 blog)