在HTML网页套用CSS的方法-静宜大学资讯学院.ppt

CSS基礎 靜宜大學 資管系 楊子青 大綱 CSS概念 CSS基本格式 在HTML網頁套用CSS的方法 CSS的選擇器 1. CSS概念 Cascading Style Sheets (串接樣式表) 能夠重新定義HTML標籤的顯示樣式，以便符合網頁設計者的需求 CSS優點：讓網頁的內容與格式分開處理 內容由寫作人員撰寫；版面由美工人員設計 修改內容時，不應更動到版面；更換版面時，也沒理由影響內容 增加網頁設計彈性，讓網頁更容易維護 統一網站風格 加快網頁載入的速度 語法簡單、撰寫容易 CSS的應用 量身訂做HTML標記樣式 移動網頁上的元件 利用濾鏡功能，製作各式絢麗文字或圖片特效 CSS實例 /html/tryit.asp?filename=tryhtml_styles 2. CSS基本格式 Selector {property1: value1; property2: value2; … } CSS語法分成兩大部分 在大括號前是選擇器（Selector），可以選擇套用樣式的標籤 在括號之中的是重新定義顯示樣式的樣式規則 實例： 3. 在HTML網頁套用CSS的方法 方法一：行內宣告(Inline )：局部套用的CSS 直接寫在HTML標籤裡，使用style屬性定義顯示樣式 其影響範圍僅