摘自:
css 概述css 語法
css 規則由兩個主要的部分構成:選擇器,以及一條或多條宣告。
selector選擇器通常是您需要改變樣式的 html 元素。
每條宣告由乙個屬性和乙個值組成。
屬性(property)是您希望設定的樣式屬性(style attribute)。每個屬性有乙個值。屬性和值被冒號分開。
selector下面這行**的作用是將 h1 元素內的文字顏色定義為紅色,同時將字型大小設定為 14 畫素。
在這個例子中,h1 是選擇器,color 和 font-size 是屬性,red 和 14px 是值。
h1下面的示意圖為您展示了上面這段**的結構:
除了英文單詞 red,我們還可以使用十六進製制的顏色值 #ff0000:
p為了節約位元組,我們可以使用 css 的縮寫形式:
p我們還可以通過兩種方法使用 rgb 值:
p請注意,當使用 rgb 百分比時,即使當值為 0 時也要寫百分比符號。但是在其他的情況下就不需要這麼做了。比如說,當尺寸為 0 畫素時,0 之後不需要使用 px 單位,因為 0 就是 0,無論單位是什麼。p
記得寫引號
p多重宣告:
p你應該在每行只描述乙個屬性,這樣可以增強樣式定義的可讀性,就像這樣:
p空格和大小
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘,初學者的東西不具有參考性,請到w3school 進行系統學習。學習css我使用的工具是visual css,可以實現同步預覽,快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式,避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS 學習筆記
當同乙個html元素被不止乙個樣式定義時,會使用哪個樣式呢?一般而言,所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中,其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此,內聯樣式 在html 元素內部 擁有最...