>> 演講嘉賓：原來，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。
我們在那裡有它，一個更漂亮 主頁約翰哈佛。