一、CSS的語(yǔ)法構(gòu)成：
CSS語(yǔ)法由3部分構(gòu)成：
①selector：選擇器，也既是你想定義屬性的HTML元素或標(biāo)記
②property：屬性，也既是你想改變的HTML元素的屬性
③value：屬性值
屬性和屬性值以冒號(hào)隔開(kāi)，由花括號(hào)圍繞。
備注：如果屬性值由多個(gè)單詞構(gòu)成，則使用引號(hào)將屬性值括起來(lái)，例如：
p {font-family: "sans serif"}
備注：如果需要為某個(gè)HTML元素定義多個(gè)屬性，則每個(gè)定義之間必須用分號(hào)隔開(kāi)，可換行書(shū)寫(xiě)，例如：
p {
text-align: center;
color: black;
font-family: arial
}
備注：如果多個(gè)HTML元素都用到同樣的定義，則可以將它們歸為一類(lèi)，例如：
h1,h2,h3,h4,h5,h6 {
color: green
}
備注：如果同一種HTML元素需要有多個(gè)不同的定義，則需要使用類(lèi)選擇器的概念，為該元素的CSS屬性定義若干類(lèi)別。通過(guò)在該元素的class屬性中指明類(lèi)別的名稱(chēng)來(lái)引用不同的定義。例如：
p.right {text-align: right}
p.center {text-align: center}
<p class="right">This paragraph will be right-aligned.</p>
<p class="center">This paragraph will be center-aligned.</p>
備注：如果需要引用多個(gè)不同的類(lèi)別，則用空格隔開(kāi)。例如：
<p class="center bold">This is a paragraph.</p>
備注：如果某些屬性定義被所有的HTML元素所引用，則可以使用實(shí)心句號(hào)表示所有的HTML元素，剩余部分語(yǔ)法和普通的類(lèi)別定義一樣。例如：
.center {text-align: center}
<h1 class="center">This heading will be center-aligned</h1>
<p class="center">This paragraph will also be center-aligned.</p>
備注：如果覺(jué)得引用CSS類(lèi)別比較難記，則可以通過(guò)2種方法來(lái)引用：
①為該類(lèi)別定義一個(gè)屬性，通過(guò)屬性名來(lái)引用。語(yǔ)法是：selector[type="屬性名"] {屬性：屬性值}，如p[type="段落1"]{...}
②為該類(lèi)別定義一個(gè)ID，通過(guò)ID來(lái)引用。語(yǔ)法是：selector#ID，如p#段落1 {...}
input[type="text"] {background-color: blue}
#green {color: green}
p#para1 {
text-align: center;
color: red
}
在HTML元素中通過(guò)元素的id屬性來(lái)引用相應(yīng)的CSS定義，例如<DIV id = "green">
-------------------------------------------------------------
生活就像打牌，不是要抓一手好牌，而是要盡力打好一手爛牌。
posted on 2008-07-26 21:35
Paul Lin 閱讀(422)
評(píng)論(0) 編輯 收藏 所屬分類(lèi):
Web基礎(chǔ)