網頁程式設計 本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計 陳惠貞 著 碁峰資訊股份有限公司出版 Ch02 CSS 資料格式 網頁程式設計 本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計 陳惠貞 著 碁峰資訊股份有限公司出版
大綱 連結HTML文件與CSS樣式表 文字與清單屬性 2019/2/25
CSS 樣式規則與選擇器 CSS 樣式表是由一條一條的樣式規則 (style rule) 所組成,而樣式規則包含選擇器 (selector) 與宣告 (declaration) 兩個部分: 例如: 2019/2/25
連結HTML 文件與CSS 樣式表 方法1: 在 <head> 元素裡面嵌入樣式表 2019/2/25
連結HTML 文件與CSS 樣式表 方法2:使用HTML 元素的style 屬性指定樣式表 2019/2/25
連結HTML 文件與CSS 樣式表 方法3: 將外部的樣式表匯入HTML 文件,將樣式表另外儲存在純文字檔 <body.css> body.css的內容: HTML的內容: 2019/2/25
連結HTML 文件與CSS 樣式表 方法4:將外部的樣式表連結至HTML 文件 2019/2/25
選擇器的類型 類型選擇器 萬用選擇器 2019/2/25
選擇器的類型 類別選擇器: 定義樣式規則的語法 2019/2/25
選擇器的類型 ID 選擇器:定義樣式規則的語法 2019/2/25
字型屬性 2019/2/25
文字字型 font-family 2019/2/25
文字大小 font-size 2019/2/25
正常/ 斜體/ 粗體 font-style 2019/2/25
文字屬性 2019/2/25
首行縮排 text-indent 2019/2/25
文字對齊方式 text-align 2019/2/25
文字間距 word-spacing 2019/2/25
大小寫轉換方式 text-transform 2019/2/25
文字陰影 text-shadow 2019/2/25
清單屬性 2019/2/25
項目符號與編號類型list-style-type 2019/2/25
圖片項目符號 list-style-image 2019/2/25
項目符號與編號位置list-style-position 2019/2/25
清單屬性簡便表示法list-style 2019/2/25