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