IntroductiontoCSS.pptVIP

Introduction to CSS 授課教師: 李彥賢 CSS 簡介 CSS 的功能 使用CSS (Cascading Style Sheet, 階層樣式表)的主要目的在於將文件的結構(利用HTML或其他相關語言撰寫)與文件的顯示(CSS)分隔開來。 文件作者或瀏覽者都可以透過建立樣式表來設定文件的顏色、字體、排版等顯示特性。 使用CSS 的優點 文件結構簡化: 撰寫HTML時可以不用考慮顯示樣式, 決定文件內容與顯示位置後, 可套用樣式表來進行排版顯示 文件結構靈活: 可將樣式表套用到所有文件, 不需因為網站或文件結構修正, 而對所有文件進行修改 作者或讀者可決定文件的顯示樣式 文件可讀性提高 CSS 簡介(續) CSS 來源 作者樣式 可在HTML標籤的style屬性中使用CCS, 用於特定宣告 可將CCS撰寫在HTML文件中 可在HTML文件中宣告套用外部的CCS文件 讀者樣式 讀者可在瀏覽器內設定閱讀網頁時所要套用的CSS文件。這個CSS文件可用在所有的HTML文件上。 瀏覽器樣式 瀏覽器本身會有一個內定的樣式表, 當上述兩者都未套用樣式表時, 瀏覽器起用該內定樣式表 上述三種來源發生衝突時, 瀏覽器採用的先後順序為作者樣式,讀者樣式, 最後為瀏覽器樣式 CSS 語法 CSS的語法大體上與HTML語法相似, 一個利用CCS基本語法定義的樣式中通常包含 標籤名稱, 又稱為