鐵人賽DAY18-CSS(二)

第 11 屆 iThome 鐵人賽

DAY 18

Modern Web

淺談web系列第 18 篇

11th鐵人賽 css

鴻勳

團隊紅蟳當兵等他開賽

2019-10-04 01:32:24

706 瀏覽

分享至

一、Cascading 優先順序
1.自訂樣式(Reader’s Style) > 作者樣式(Author’s Style) > 瀏覽器樣式(Browser’s Style)
作者樣式(Author’s Style)：撰寫程式者所設定的樣式。
自訂樣式(Reader’s Style)：瀏覽網頁者所設定的樣式，若檔案與撰寫程式者衝突，則瀏覽網頁者可以自行做選擇。
瀏覽器樣式(Browser’s Style)：若撰寫程式者與瀏覽網頁者都沒有特別指定的話，則瀏覽器就會使用其內設的樣式。

2.inline > 內部樣式表(Internal Style) > 外部樣式表(External Style)
外部樣式表(External Style)：HTML檔案利用<link rel = "stylesheet" type = "text/css" herf = "styles.css">的語法指定外部的CSS檔案。
內部樣式表(Internal Style)：利用<style type ="text/css">的語法，將CSS寫在HTML檔案中的<Head>內。
inline：直接將style屬性寫在標籤的開頭內。

二、CSS基本格式

Selector(選擇器)：可以分為類型選擇器、ID選擇器、屬性選擇器、類別選擇器四類，若一次要指定多個選擇器用逗號隔開即可。
Property(屬性)：指定所要更改的項目。
Value(值)：指定特定的值給該項目。