這些天為了做一個網(wǎng)站，所以順便學(xué)習(xí)了一下CSS，不能算是很專業(yè)的學(xué)習(xí)CSS，主要是為了更好的完善這些個界面而學(xué)習(xí)，寫這篇博客是為了讓大家和我一起來學(xué)習(xí)做網(wǎng)站，體會做網(wǎng)站的樂趣，達到輕松學(xué)習(xí)的目的。

CSS特點：實現(xiàn)一個網(wǎng)頁內(nèi)容與樣式的分離。這是CSS非常有優(yōu)勢的一個特點，省去了我們很多的麻煩。我們來做一個簡單的例子來看一下這個效果：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--
    創(chuàng)建人：陳宗毅
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>CSS測試</title>
</head>
<body>
    <font color=“#0000ff”>欄目一</font>
    <font color=“#0000ff”>欄目二</font>
    <font color=“#0000ff”>欄目三</font>
</body>
</html>

沒有CSS之前，我們是這樣要是把這個顏色改為別的顏色，那么只能一個個顏色值的改，這個工作量很恐怖的。

之后我們使用CSS來進行優(yōu)化，我們先來使用CSS選擇器：

類選擇器：這就是我們在HTML中查找類所設(shè)置的一個值。

我們使用span標(biāo)簽+類標(biāo)志，我們把body里邊的內(nèi)容改成這樣：

<body>
    <span class="menu">欄目一</span>
    <span class="menu">欄目二</span>
    <span class="menu">欄目三</span>
</body>

然后我們來創(chuàng)建我們的樣式文件： 
.menu{  /* 欄目樣式*/
    color:#f00; /*  文字顏色 */
}

就這么一句話我們就搞定了之前的顏色設(shè)置，想改顏色只要打開這個樣式文件，然后進行更改就行了。避免了很多的麻煩，然后我們再進行樣式文件與這個內(nèi)容的關(guān)聯(lián)，很簡單，我們只要拉進來就ok了，拉到這個地方： 
<head>
    <title>CSS測試文件</title>
    <link href="css/StyleSheet1.css" rel="stylesheet" type="text/css" />
</head>

這就產(chǎn)生了一個關(guān)聯(lián)。樣式里邊就一個屬性，一個冒號，一個屬性值構(gòu)成的。當(dāng)我們不知道有什么屬性值的時候，我們按一下空格，VS就會羅列出所有的屬性值，這樣我們就能選擇我們需要的屬性值了。