香港大学教育证书兼读制课程-HKU.DOCVIP

香港大學教育學院 | 語文教育學士（全日）課程．2003-04下學期 中文資訊科技應用 | 第五課： CSS 導引 1. CSS 是甚麼？ CSS 全名是 Cascading Style Sheet，中文有譯為「聯級樣式表」。利用它，可以指示XML文件中的標記元素以怎樣的式樣 (Style) 呈現 (Present) 出來。例如，標題要以粗體、排中、下劃底線的式樣表現；註釋則以小字式樣表現等等。由於XML只界定了知識的結構，但那些知識點當如何呈現，卻沒有說明，這便由樣式表負責。 2. CSS軟件 網上最好用的免費CSS軟件非Top Style莫屬。下載網址為：/topstyle/index.asp 3. 版本聲明 CSS界定了一大堆樣式，存成以 .css 為副檔名的純文字檔案。XML文件要指示電腦以某一CSS檔中的樣式呈現，便要在XML聲明之加上這樣的指示： ?xml-stylesheet type=text/css href=filename.css? 例如： ?xml version=”1.0” encoding=”big5”? ?xml-stylesheet type=text/css href=letter-org.css? letter receiver各位校長：/receiver topic聘請選民登記幹事及選民登記大使/topic body p1998年的立法會選舉對香港特別行政區來說﹐是一個重要的里程碑。為了讓全港有資格的巿民能登記做選民﹐民政事務總署將在十二月初動員三萬二千多人進行家訪。/p …… /letter 舉例 源文件： ?xml version=1.0 encoding=big5? ?xml-stylesheet type=text/css href=letter-org.css? letter receiver各位校長：/receiver topic聘請選民登記幹事及選民登記大使/topic body p1998年的立法會選舉對香港特別行政區來說﹐是一個重要的里程碑。為了讓全港有資格的巿民能登記做選民﹐民政事務總署將在十二月初動員三萬二千多人進行家訪。/p p為了配合這次選民登記的行動﹐東區民政事處擬聘請貴校的教師及其他職系的職員﹐出任選民登記幹事﹐帶領及導受聘為選民登記大使的學生﹐探訪區內的住戶﹐進行選民登記。有關職位的詳情﹐請參閱附件一。/p p class=main請閣下協助將隨函附上的選民登記幹事及選民登大使申請表格﹐分派給貴校的教師﹐職員及學生﹐並鼓勵他們踴躍參加（若表格不夠﹐貴校可自行影印）。請將填妥的表格﹐於一九九七年十一月十二日或之前﹐交往銅鑼灣福蔭道七號銅鑼灣社區中心一樓東區民政事務處銅鑼灣分處。/p p如有任何查詢﹐請致銅鑼灣分處主任趙秀珍女士聯絡。多謝閣下支持這次選民登記活動。/p /body sender role東區民政事務專員/role name李金忠/name acting（趙秀珍代行）/acting /sender date一九九七年十一月五日/date appendix附件一/appendix /letter CSS文件： letter { display : block; } topic { display : block; text-align : center; text-decoration : underline; font-weight : bold; } date { text-align : left; display : block; } role, name, acting { display : block; text-align : right; } p { display : block; text-indent : 2em; line-height : 2em; } p.main { border : thin; border-style : solid; border-color : Red; padding : 2em; margin : 2em; width : 75%; color : Red; background : Aqua; } 效果： 4. CSS 是怎樣界定版面樣式的？ CSS的界定分兩部份：要界定的標記元素，和表現的樣式。例如： topic { display : block; text-align : center; text-decoration : underline; font-weight : bold; } 這裡的意思是：對於topic這個標記，要：1. 分行呈現；2. 文字排中；3. 底線；4. 粗體。可見表