CSS 語法
阿新 • • 發佈:2018-01-12
聲明 大小 屬性 所有 body 技術分享 技術 margin 改變樣式
CSS 語法由選擇器和聲明組成,選擇器定義需要改變樣式的 HTML 元素,聲明定義要設置的樣式,聲明由一個屬性和一個值組成
h1 {color:red; font-size:14px;}
屬性值可以有多種寫法:
p { color: red; } # 使用英文單詞來表示 p { color: #ff0000; } # 使用十六進制的顏色值來表示 p { color: #f00; } # 使用CSS的縮寫形式來表示 p { color: rgb(255,0,0); } #使用RGB值來表示 p { color: rgb(100%,0%,0%); } # 使用RGB百分比來表示
p { font-family: "sans serif"; } # 註意:如果值為若幹單詞,則要給值加引號,且CSS對大小寫不敏感
如果有多個聲明,我們一般這麽寫:
body { color: #000; # 註意不要忘記空格與分號 background: #fff; margin: 0; padding: 0; font-family: Georgia, Palatino, serif; }
我們還可以對選擇器進行分組,這樣,被分組的選擇器就可以分享相同的聲明:
h1,h2,h3,h4,h5,h6 {
color: green;
}
關於繼承:根據 CSS,子元素從父元素繼承屬性,如下定義中,所有在 <body> 中的元素都會繼承 <body> 元素的屬性
body { font-family: Verdana, sans-serif; }
如果你不想繼承父元素的屬性,那你可以定義一個屬於子元素的屬性,如下:
body { font-family: Verdana, sans-serif; } p { font-family: Times, "Times New Roman", serif; }
CSS 語法