網頁程式設計本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計陳惠貞著碁峰資訊股份有限公司出版

網頁程式設計本章投影片錄自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

Presentation on theme: "網頁程式設計本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計陳惠貞著碁峰資訊股份有限公司出版"— Presentation transcript: