1. 程式人生 > >CSS 語法

CSS 語法

聲明 大小 屬性 所有 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 語法