CSS使用方法 | css多個style
基本語法CSS屬性名:屬性值;CSS樣式語法主要是在做樣式的設定,每一個CSS屬性即代表一種樣式,故主要的語法即是在指定CSS屬性的值,不分大小寫,但習慣上都是用小寫最簡單的使用方法即是在HTML標籤的style屬性中撰寫CSS語法
基本語法CSS屬性名:屬性值;CSS樣式語法主要是在做樣式的設定,每一個CSS屬性即代表一種樣式,故主要的語法即是在指定CSS屬性的值,不分大小寫,但習慣上都是用小寫最簡單的使用方法即是在HTML標籤的style屬性中撰寫CSS語法
基本語法CSS屬性名:屬性值;
CSS 樣式語法主要是在做樣式的設定, 每一個 CSS 屬性即代表一種樣式,故主要的語法即是在指定 CSS 屬性的值, 不分大小寫, 但習慣上都是用小寫最簡單的使用方法即是在 HTML 標籤的 style 屬性中撰寫 CSS 語法
<DIV style="CSS屬性名:屬性值;">任意內容</DIV>例如
<DIV style="color:yellow;">任意內容</DIV>上面所說的 CSS 語法, 其中 color 代表的是 DIV 標籤中所有內容的前景色(簡單說就是字的顏色), 而 yellow 即是它的值, 代表黃色, 所以執行結果會看到字變黃色了
若只是寫一個樣式的話, 分號也可以不寫, 但若要一次指定多個 CSS 樣式, 就一定要用分號來分隔各個 CSS 屬性, 例如
<DIV style="CSS屬性名A:屬性值;CSS屬性名B:屬性值;">任意內容</DIV>使用樣式名
上面寫在 style 屬性中的寫法, 只會影響該標籤內的內容而已,假設有多個標籤需要設定同樣的樣式, 那麼每個標籤都去設定一次樣式,顯然不是一個好的方法, 所以 CSS 提供了幾個更方便的方法,其中一個就是使用樣式名, 也就是我們可以先定義一個樣式名,並且定義這個樣式名具有哪些樣式, 如此, 只要套用這個樣式名的標籤,即會具有這些樣式設定, 若你熟悉 word 的樣式功能的話, 其道理是相同的
定義樣式名的語法如下
.樣式名{ CSS屬性名A:屬性值; CSS屬性名B:屬性值; }樣式名前面的那個【.】符號是必要的, 它用來代表後面的文字即是一個樣式名, 而 { } 內即可定義這個樣式名所具有的樣式, 可以設定多個 CSS 屬性
上面的語法要寫在哪裡呢?1.寫在 STYLE 標籤內2.寫在獨立的 CSS 檔, 再利用 LINK 標籤載入使用
STYLE 標籤的語法即是如下
<...