【网页设计-最新经典技术文档】网页排版CSS教学(一)

网页排版CSS教学（一）
第一章ＣＳＳ的基本认识
ＣＳＳ是『Cascading Style Sheets』的简称，中文翻为「串接样式表」，也有人只翻为「样式表」。

ＣＳＳ用以作为网页的排版与风格设计，在所谓的「新式网页」里，ＣＳＳ不容置疑是相当重要的一环。

ＣＳＳ是以既有的基础，用以弥补既存ＨＴＭＬ规格里的不足，也让网页的设计更为灵活。

这份教学文件就要来为您介绍ＣＳＳ的应用罗！在这边并不介绍ＣＳＳ的所有规格，仅就您在网页写作上较常用到，较可能用到的语法部份及应用的方法来为您作介绍。

也由於现在两浏览器的相容是渐行渐
远，将贴心地为您注明支援该语法的浏览器。

而ＩＥ从3.0开始便支援部份语法了，这点也会为为您注明
的。

各章节的概略介绍
为了您参考与学习上的方便，在这里先为您大略地说明一下这份教学文件各章节所包含的内容吧！让您在参考时有个方向与概念。

基本上，前两章著重於概念与基本认知的建立，也就是一些为您做一些札根
的工作；第三章则为您补充在应用与设定上的一些其它方式或特性的说明与介绍。

而第四章到第六章则著
重於语法、参数与性质的介绍，也就是真正建立在样式表里面的东东。

第一章ＣＳＳ的基本认识：
就是本章啦！就介绍您一些ＣＳＳ基本概念与认识。

第二章ＣＳＳ的应用方式：
为您介绍ＣＳＳ的基本宣告、应用方法与特性介绍。

第三章ＣＳＳ的应用补充：
为您介绍ＣＳＳ的其它宣告方式、应用与特性介绍。

第四章页面性质的ＣＳＳ：
为您介绍页面性质的ＣＳＳ相关语法、参数与性质。

第五章文字性质的ＣＳＳ：
为您介绍文字性质的ＣＳＳ相关语法、参数与性质。

第六章区块性质的ＣＳＳ：
为您介绍区块性质的ＣＳＳ相关语法、参数与性质。

应用上的基本认识
应用ＣＳＳ并不困难，但是请您先参考这里的基本认识，对一些用语有了一点基本概念後，对於您在看後面的教学会有助益，看起来也才不会太吃力！
一、基本用语的认识：
元件(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』：像点。

相对关系：1in= 6pc= 72pt= 2.54cm= 25.4mm
三、颜色使用的认识：
颜色的表示共有五种方式。

『#RRGGBB』：
以三个00到FF的十六进位值分别表示0到255十进位值的红、绿、蓝三原色数值。

『#RGB』：
简略表示法，只用三个0到F的十六进位值分别表示红、绿、蓝三原色数值。

而事实上，浏览器会自动扩展为六个十六进位的值，如『#ABC』将变为『#AABBCC』。

但是，显见这样的表示法并不精确。

『rgb(R,G,B)』：
以0到255十进位值的红、绿、蓝三原色数值来表示颜色。

『rgb(R%,G%,B%)』：
以红、绿、蓝彼此相对的数值比例来表示颜色，如『rgb(60%,100%,75%)』。

『Color_Name』：
直接以颜色名称来表示颜色，共有141种标准的颜色名称。

四、ＵＲＬ表示法的认识：
ＣＳＳ的ＵＲＬ表示共有五种方式，且都为合法宣告，您可以自行选用。

URL(http://yourweb/path/file_name)
URL('http://yourweb/path/file_name')
URL("")
URL( ')
URL( "" )
有了这些基本认识与概念後，接下来就要来Ｑ0为您介绍ＣＳＳ的应用方法罗！。