一、css簡介
感性體驗css
什麼是css呢？你可能急迫的想知道答案。但是空泛的文字描述意義不大，讓我們先來一點感性體驗吧。
看看這個沒有新增css的html檔案，是乙個普普通通的網頁。然而通過給這個檔案新增的css規則，我們可以得到十分美觀的網頁。
這還不是全部，不改動html，只是通過新增不同的css規則，我們就可以得到各種不同樣式的網頁。好了，下面我們再來回答什麼是css這個問題。
什麼是css?
css是cascadingstylesheets（層疊樣式表）的縮寫。它的作用是定義網頁的外觀（例如字型，顏色等等），它也可以和j**ascript等瀏覽器端指令碼語言合作做出許多動態的效果。
學習css的基礎
學習css之前您應該已經了解了html或者xhtml。
學習css需要什麼特殊的軟體嗎？
不。同學習xhtml一樣，在學習css的過程中您只需要使用windows自帶的記事本(就可以了。在未來實際製作網頁的時候您可能需要用到dreamwe**er等專業的網頁設計軟體，它們將使得為網頁新增css的工作變得異常簡單。
但是再次強調，在學習css的過程中，您不需要這些強大的軟體。本教程只使用記事本，目的在於練習手寫css**的能力，也是為了方便那些還沒有dreamwe**er之類軟體的讀者。
二、樣式表的基本語法(一)
插入樣式表前後的網頁。
為了更好地理解樣式表的作用，我們先看乙個css的應用例項。在本例子中，你很容易對比出使用css前後兩個網頁的區別，當然了，現在你可能讀不懂css部分的**。別擔心，這些**將在少後的教程中介紹。
我們首先來看一下未加入css的頁面。網頁裡只有一段話：「菜鳥吧的站長是大傻瓜！
傻瓜愛吃大西瓜！」。而且由於分別是標題1、2、3、4，頁面內字型大小也不相同，還有標題的自動換行。
它的源**如下：
愛吃大西瓜！
下面我們簡單的為它加上一點css，來讓我不再傻……按如下提示修改網頁的**：
愛吃大西瓜！
讓我們來看看加入css之後的網頁。你很容易看出兩個網頁的差別，頁面內的文字大小統一了，而且只有標題1後面有乙個換行，甚至有一部分文字被隱藏了起來。這都要歸功於上面紅色部分的**。
它們就是css，下面就讓我們大概了解一下這些**的意義。
css語法簡介
加在head部分的分別被瀏覽器識別為css的開始和結束。而注釋標籤則是避免不支援css的瀏覽器將css內容作為網頁正文顯示在頁面上。
上面的內容並沒有定義任何樣式，它的任務只是告訴瀏覽器css**的位置。下面的內容是重點，正是下面這一部分的內容使得頁面的外觀發生了明顯的變化，它也就是css的描述部分(定義部分)：
h1 h2,h4
……通常情況下，css的描述部分是由三部分組成的，分別是選擇器、屬性和屬性值。寫法如下：
選擇器例如：h1
本例中選擇器也就是你想要描述的html標籤，其它選擇器將在後面的教程中講解。上面例子的選擇器就是h1標籤。屬性和屬性值則是說明你想要描述h1的哪乙個屬性，該屬性的值為多少，例如上面例子中將h1字型大小屬性為12畫素，寫成font-size:
12px。屬性和屬性值之間用乙個冒號「:」分開，以乙個分號「;」結束，最後別忘記用一對大括號「{}」括起來。
我們也可以為乙個選擇器同時定義多個樣式，樣式之間用分號「;」隔開。也可以同時為幾個標籤同時定義一組樣式，標籤之間用逗號「,」隔開。也許這兩句話比較繞嘴，不過事實上上面例子的第二行**就用到了css的這個特性。
語句「h2,h4 」同時為h2和,h4兩個標籤定義了兩個樣式。當然了，為了使你的css**更容易閱讀和維護，你可以分行書寫這些屬性：
h2,h4
注意1：現在講解上面**的最後一行，在中，我們沒有看到選擇器，這是因為插入css的位置不同，它將直接作用與當前標籤之內的元素。關於css不同的插入方式將在隨後的教程中討論。
注意2：css的書寫方式請大家根據自己的喜好決定，不過最終的目的都很明確，提高維護css**的效率。
css注釋
我們以乙個例子介紹在css中插入注釋的方法：
在css中，注釋以「/*」開始，以「*/」結束，注釋裡面的內容對於瀏覽器來說是沒有意義的。
三、樣式表的基本語法(二)
class(類)和id的乙個小例項
在上一節中我們了解了如何為特定的標籤定義樣式，例如我們利用 「h1」將頁面內所有的標題1的字型大小改為了12畫素。那麼如果我不希望所有的標題1樣式都被修改該怎麼做呢？這時class和id就可以幫你的忙。
為了了解class和id，我們先來看兩個網頁。
沒有加入css時的頁面，加入css之後的頁面。它們的源**如下，紅色字型的是我們本節將要學習的部分：
我是新聞的內容。
簡譜入門教程
簡譜入門學習 第一講音的概念 1 音的概念 第一節音的形成 首先讓我們來認識一下這看不見又摸不到的 音 倒底是什麼呢？音 是一種物理現象。它是由於物體受到振動，而產生 波 再由空氣傳到您的耳朵裡，通過大腦反饋，您聽到的就是 音 第二節音的分類 物體的大小 薄厚與振動的強弱不同，所產生音的高低也就不同...
鋼琴入門教程
鋼琴入門教程.txt我不奢望什麼，只希望你以後的女人乙個不如乙個。真懷念小時候啊，天熱的時候我也可以像男人一樣光膀子！鋼琴入門教程 第一課 一 學學坐姿星夜鋼琴教育網 首先，一開始要先學好正確的坐姿。坐的姿勢以自然,端正,有利於彈奏為原則,不要僵硬,緊張,或過於鬆懈。身體的重心要依靠臀部和腳尖支撐。...
labview入門教程
labview 7.1 入門教程 第一講 認識labview 1.1 labview 簡介 在開始選單裡找見ni labview7.1 點選開啟，會出現如下介面 從file new vi 或者從右半部分中的new blank vi 都可以開啟如下介面 上圖中前圖是虛擬儀器的前面板，是使用者使用的人機...