演講嘉賓：原來，HTML是不 您可以使用裡面的唯一語言 一個網頁。 您可以使用一種叫做CSS或 層疊樣式表，以及。 CSS允許你指定多 一個web正是美學 頁面，包括佈局和大小， 顏色和字體等等。 例如，讓我們創建一個網頁 這裡所說的CSS0一個代表 主頁上，比如說，約翰·哈佛。 

在這個頁面，我們將有約翰·哈佛的 命名，在其下會 他的觀眾一個不錯的消息，下面 這將是一個頁腳，用 說，一些版權信息。 要做到這一點，讓我們定義三個部門 用於使用標籤的頁面 叫格。 打開支架的div，約翰哈佛，接近 架格，另一個打開支架的div， 現在我們將指定的東西 喜歡，歡迎到我的主頁！ 並讓我們關閉這個分區，也是如此。 

現在第三次也是最後 格，版權。 剛剛被看中，讓我現在使用的HTML 實體，代表一個符號 一個字，你不能以其他方式 輸入您的鍵盤上。 特別是，我該怎麼辦 符號，英鎊，169，分號。 原來，是數字代碼 對於版權符號。 那麼讓我們來指定約翰·哈佛 這裡在底部。 讓我們關閉div和保存文件。 

現在，什麼是這個div標籤？ div標籤簡單地定義了一個師 的頁面，它本質上是一 矩形區域。 所以在這個時刻，我有三個 矩形區域，一個在頂部 其他的。 所以現在，效果幾乎一樣 雖然我有三段。 但我們不會看到相當多 空白在他們之間。 

讓我們來保存這個文件，更改其 權限，看一看了 此刻在Chrome。 存取權限chmod a + R CSS0.html。 現在，讓我們打開Chrome和訪問 http://localhost.CSS0.html。 事實上，這裡有一個主頁 約翰·哈佛。 現在，讓我們風格化這一點更 正是使用一些CSS。 

早在gedit中，讓我們進入這個 第一個div標籤，並添加樣式 指定的屬性，我想一個 的，例如字體大小，36個像素，或像素。 我想這個字體的粗細 要大膽而不是默認的， 這是正常的。 對於第二個div，讓我們指定 具有另一種風格屬性 的24像素的字體大小，因此 稍微小了一點。 分號後關閉引號。 

最後，在第三格，讓我們做 風格等於報價，字體大小和 比方說，12個像素這段時間。 分號後關閉的報價。 請注意，那時，我似乎有 對於指定了位程式化的 每一個使用這三個div的， 事實證明，CSS。 事實上，你在看語法 這些雙引號之間是CSS， 具體的CSS屬性 與值。 而對於第一個標籤，在那裡我有 兩個這樣的屬性，字體大小和 字體粗細，我只是分開 用分號。 

現在，只是風格的緣故，我 在還包含分號 每一行的末尾。 但他們不是絕對必要的， 特別是當你只有一個 屬性定義。 現在讓我們保存文件並重新加載 在Chrome瀏覽器，看看有什麼 淨效應是。 早在Chrome瀏覽器在這裡， 讓我們點擊刷新。 

現在我們有一個稍微更有趣 約翰主頁 哈佛，由此與該第一線 他的名字，這是這裡面 第一個div，是36像素高，還 粗體字，由此，第二行， 這是在第二個div，是24 像素高，但不是黑體。 並由此在該第三第三行 格為12像素高，還 沒有黑體字。 但是假設我現在想轉移 這一切的文字超過 這樣，它的中心。 

我可以使每一個個體的 的div作為為中心。 但更容易，可能我的包裹 第四個div中3的div，一個 父分區，可以這麼說，並指定 那該div及其所有 後人應該是 文本對齊中心？ 讓我們一起來看看。 

裡面的gedit，讓我們回到我 體，並添加一個新的div了頂配 格，風格等於報價引文結束 文本對齊市中心，靠近 分號後引述。 現在，讓我們繼續前進，所有縮進 那些我們以前鍵入行。 以下是第三格，讓我們 關閉這個新的div。 

換句話說，因為這三個 原來的div現在的孩子，所以要 講一個新的父div的，我已經 指定我想對齊 在該中心的父div的文本 頁面，該屬性將 繼承了所有這些孩子。 事實上，讓我們保存文件並 走在瀏覽器中看看。 讓我們重新在Chrome。 我們在那裡有它，一個更漂亮 主頁約翰哈佛。