CSS 基础知识（下）

时间 2019-12-02

标签 css 基础知识栏目 CSS 繁體版

原文原文链接

第二章ＣＳＳ的应用方式css

这章节将开始为您介绍ＣＳＳ的应用。固然一开始要介绍的是如何去创建个样式表数组

（Style Sheets），包括了声明的方式和应用在网页上的方法，最後还会为您概述一下ＣＳＳ的一些特性。概略来讲，ＣＳＳ的声明有三种方式：element

1、基本声明：最典型的ＣＳＳ声明方式。class

element {property: value} 用中文来表示的话，也就是元件方法

(标签) {性质(属性)样式

名称: 设定值} word

例如： H3 {COLOR: BLUE} 即为一组声明。文件

2、集体声明：同时声明某个或数个元件(标签)（各元件(标签)间以逗号分隔）的一组或数组规则(性质)（各组规则间以分号分隔）。标签

元件(标签) {性质(属性)名称1: 设定值1;性质(属性)名称2: 设定值2;... }co

或是

元件A(标签A), 元件B(标签B), 元件C(标签C), ... {性质(属性)名称1: 设定值1;性质(属性)名称

2: 设定值2;...}

例如：TD {COLOR: BLUE;font-size: 9pt;}

或是TD,P,DIV {COLOR: BLUE;font-size: 9pt; }

3、分项声明：将许多样式规则分组再分别声明。

元件A(标签A) {性质(属性)名称1: 设定值1; 性质(属性)名称2: 设定值2; }

元件A(标签A) {性质(属性)名称3: 设定值3; 性质(属性)名称4: 设定值4; }

例如：

TD { COLOR: BLUE; font-size: 9pt}

TD { font-family: "标楷体"; line-height: 150%}

这样子的声明方式并不会互相抵触，由于所声明的性质是不一样的。若是不当心对一样一个性质做了重复的声明，则只有後来声明的设定值才会发生做用。

要附带提一下的是，在您的声明中，只要您的格式正确就会被接受，而不管是大小写、空白或换行都不会对显示的结果有影响的，您可依本身习惯来编写。

ＣＳＳ的应用方法

接下来要为您介绍的是将所创建的样式表应用在网页上的四种基本方法。

1、使用STYLE属性：将STYLE属性直接加在个别的元件标签里。

<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...>

例如：

这种用法的优势是可灵巧应用样式於各标签中，可是缺点则是没有整篇文件的『统一

性』。

2、使用STYLE标签：将样式规则写在<STYLE>...</STYLE>标签之中。

<!--

样式规则表

-->

</STYLE>

例如：

<!--

BODY {color: BLUE;background: #FFFFCC;font-size: 9pt}

TD, P {COLOR: GREEN;font-size: 9pt}

-->

</STYLE>

一般是将整个的<STYLE>...</STYLE>结构写在网页的<HEAD> </HEAD>部份之中。这