样式表教程.docVIP

CSS样式表基础知识第一章　ＣＳＳ的基本认识??? 关於ＣＳＳ的概论??? ＣＳＳ是『Cascading Style Sheets』的简称，中文翻为「串接样式表」，也有人只翻为「样式表」。ＣＳＳ用以作为网页的排版与风格设计，在所谓的「新式网页」里 ，ＣＳＳ不容置疑是相当重要的一环。ＣＳＳ是以既有的基础，用以弥补既存ＨＴＭＬ 规格里的不足，也让网页的设计更为灵活。?????? 各章节的概略介绍 第一章　ＣＳＳ的基本认识：介绍一些ＣＳＳ基本概念与认识。 第二章　ＣＳＳ的应用方式：介绍ＣＳＳ的基本宣告、应用方法与特性介绍。 第三章　ＣＳＳ的应用补充：介绍ＣＳＳ的其它宣告方式、应用与特性介绍。 第四章　页面性质的ＣＳＳ：介绍页面性质的ＣＳＳ相关语法、参数与性质。 第五章　文字性质的ＣＳＳ：介绍文字性质的ＣＳＳ相关语法、参数与性质。 第六章　区块性质的ＣＳＳ：介绍区块性质的ＣＳＳ相关语法、参数与性质。 ??? 一、基本用语的认识： ??? 元件(element)：亦即HTML基本语法中的标签(tag)。??? 属性(attribute)：用以描述标签特性的属性。??? 例如： ? ?? HR WIDTH=90%中，HR为标签，WIDTH为属性，而80%即为WIDTH属性的值。 ? ?? 性质(property)：用以描述元件的特性。相当於HTML基本 语法中的属性。? ?? 样式(style)：拥有一组或数组的性质，用以描述元件特性。???? 挑选者(selector)：套用样式的元件。?? 例如： ???? H3{ COLOR : BLUE }中，H3为挑选者，COLOR为性质，BLUE为COLOR性质的值。 ??? 二、基本单位的认识： ??? 有相对单位与绝对单位两种单位 表达方式。??? 相对单位： ?? ? 『em』：相对於字母高度的比例因子。?? ? 『en』：相对於字型大小的比例因子。?? ? 『%』：相对於长度单位（通常是目前字型的大小）的百分比例。 ??? 绝对单位： ???? 『in』：英寸。???? 『cm』：公分。???? 『mm』：公厘。???? 『px』：像素（系统预设单位）。???? 『pc』：pica，印刷活字单位。???? 『pt』：像点。 ?三、颜色使用的认识： ??? 颜色的表示共有种方式。??? 『#RRGGBB』： ???? 以三个00到FF的十六进位值分别表示0到255十进位值的红、绿、蓝三原色数值。 ??? 『#RGB』： ??? 简略表示法，只用三个0到F的十六进位值分别表示红、绿、蓝三原色数值。而事实上，浏览器会自动扩展为六个十六进位的值，如『#ABC』将变为『#AABBCC』。但是，显见这样的 表示法并不精确。 『Color_Name』： ??? 直接以颜色名称来表示颜色。??? 四、ＵＲＬ表示法的认识： ??? ＣＳＳ的ＵＲＬ表示共有五 种方式，且都为合法宣告，您可以自行选用。??? URL( )??? URL()??? URL()??? URL( )??? URL( ) 第二章　ＣＳＳ的应用方式 ??? 这章节将开始为您介绍ＣＳＳ的应用。当然一开始要介绍的是如何去建立个样式表 （Style Sheets），包括了声明的方式和应用在网页上的方法，最後还会为您概述一下ＣＳＳ的一些特性。概略来说，ＣＳＳ的声明有三种方式：??? 一、基本声明：最典型的ＣＳＳ声明方式。 ??? element {property: value}　用中文来表示的话，也就是??? 元件(标签) {性质(属性)名称: 设定值}??? 例如： ??? H3 {COLOR: BLUE}　即为一组声明。 ??? 二、集体声明：同时声明某个或数个元件(标签)（各元件(标 签)间以逗号分隔）的一组或数组样式规则(性质)（各组规则间以分号分隔）。 ??? 元件(标签) {性质(属性)名称1: 设定值1;性质(属性)名称2: 设定值2;... }? 或是??? 元件A(标签A), 元件B(标签B), 元件C(标签C), ... {性质(属性)名 称1: 设定值1;性质(属性)名称2: 设定值2;...}? 例如： TD {COLOR: BLUE;font-size: 9pt;}?或是TD,P,DIV {COLOR: BLUE;font-size: 9pt; } ??? 三、分项声明：将许多样式规则分组再分别声明。 ??? 元件A(标签A) {性质(属性)名称1: 设定值1; 性质(属性)名称2: 设定值2; }??? 元件A(标签A) {性质(属性)名称3: 设定值3; 性质(属性)名称4: 设定值4; }? 例如： ???