dreamweaver网页设计课程css样式表单运用

《dreamweaver网页设计课程css样式表单运用》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、关于css样式表单HTML虽为网页撰写的主要标记语言，但早期的HTML功能薄弱，无法满足大众对文字控制及版面编辑的需求。W3C(worldwidewebconsortium)遂公布「共享样式表单(cascadingstylesheets,CSS)J,以扩充HTML的功能。CSS样式表单的优点如下：可以设定所有对象(object)的变化，包括文字、图片、按钮、窗口等。可以建立样式指令，在不同的对象套用相同的样式设定。可以制作个人化的的样式档案，以统一更新网站内的各网页变化。CSS样式表单的使用方式

2、有三种：网页内嵌式(embedded):在HTML文件的之间，以来定义共同样式，使整个网页使用同一样式。标记加注式(in-line)：如果只有一个HTML标记需要设定样式，则可在该标记内，加上屈性style二””，以个别修订样式。外部设定式(external)：由于一个网站有许多网页，最好是统一样式，以免眼花缭乱，失去浏览的重点。但如果每一网页均个别做样式设定，万一将来要修改时，又怕会挂一漏万，因此可使每个网页均连结到一个.css的纯文本档

3、，以设定整个网站的样式。如果同一HTML文件内有两个样式定义，以最后的定义为准。在浏览器方面，IE5.0版与NetScapeCommunicator均支持CSS,但部份浏览器不支持CSS样式指令。为免这些浏览器在无法辨识吋，将CSS语法当成本文，则在之间可用将CSS语法隐藏起来。在网页编辑软件方面，IE的FrontPage2(X)0可撰写CSS,但NetScapeComposer无法使用CSSoCSS样式表单的基本语法CSS样式表单的基本语法是标记加注式(

4、m-line)的表示法，亦即在HTML标记后面，加上style二"・・・”，内含属性名称(properties)与属性值(value),以定义样式。两个属性间，以分号区隔；而属性与属性值间，以冒号分开。例如：原来标题文字之HTML标记为<±2〉标题文字其中font-famlily>color、size分别是CSS的

5、一项屈性，而标楷体、#FF0000、48等，则是对应之属性值。fit零迥网⑥裁的恳量©im（i）朝明⑪河址

6、自科懒丹TcsfiDuteiO绅CSSVSSSmg仙漏血歎迎光峰him二J至連知”歡迎光臨、CSS語法執行的結果將CSS語法放在HTML標記語言之內样式指令Class的用法使用class样式指令可以使同时套用一个样式指令在不同地方，而不需要一再定义。Class的语法包含定义样式指令及执行样式指令两部份：定义样式指令是在之间设定一个样式指令，其语法是以句号开头，

7、后接样式名称，再加上一个大括号{},内含属性名称与属性值，即可定义样式指令。两个属性间，以分号区隔；而属性与属性值间，以冒号分开。执行样式指令时，则在HTML标记内，加上class二样式名称即可执行样式指令。例如：原來标题文字ZHTML标记为

8、ing〉标题文字v/h2〉其中heading为样式名称，font-famlily与color分别是CSS的一项属性，而标楷体与#00FFFF则是对应之属性值。歡迎光臨css語法執行的結果金血CSS樣式的定義只能用一

9、个样式设定；如果同时有二个或二个以上的样式要设定，则需分别使用不同的這是物理治療學系之網頁CSS語法執行的結果CSS話法分開的CSS樣式的定義42cla$s»he4ding>*tiS7^SK样式指令ID的用法和class指令一样，使用id样式指令可以使同一个网页重复使用同一个样式指令，而不需要一再定义。与class样式指令不同的是一个HTML文件只能有一个id样式指令，且id样式指令是以#表示。id的语法的定义及执行方式与clas