>> 演講嘉賓：所以，它實際上不是最好的 設計交融的CSS和HTML。
相反，它是最好分解出您的 CSS的，把它放在中部，
不知它適用於 標籤在你的網頁。
要做到這一點，我們就可以真正停止 使用樣式屬性，而不是
使用Style標記，屬於在 頭一個網頁的旁邊，為
例如，你的標題。
>> 讓我們給這一個嘗試，重新實現 約翰·哈佛的主頁
使用樣式標記。
我已經得到我們開始 這裡有三個div的供
約翰·哈佛的網頁。
但是，讓我們現在先上去這首 格，並添加一個新的屬性，
即ID，並指定一個唯一的 識別這個特定的div
應，例如，報價引文 “頂部”，一個任意的名稱，但
描述在這個分區是 確實在我的網頁的頂部。
>> 在接下來的div，讓我們給它一個 報價引文結束的不同的ID
“中間”，讓我們給第三格 的報價引文結束一個ID“墊底”。我們
現在有三個唯一標識符 這是我們可以應用一些CSS
性能，但首先，讓我們回歸 這個頁面的頭部。
以上只是這裡的稱號，我會 繼續前進，定義樣式
然後關閉風格。
>> 在這裡面，現在，我要去定義 一些CSS屬性，即
同那些我以前曾在風格 屬性，但在這裡，他們將
集中定義。
要做到這一點，我要去指定英鎊 符號其次是頂部，從而
指定下面的CSS 性質應適用於任何
HTML元素具有獨特的 標識符頂部。
我那麼將會有一些開放， 封閉的大括號，和我要去
指定，也就是說，字體大小應為36 像素，字體粗細應為粗體。
>> 為了保持乾淨的東西，我把每個 現在自己的這些屬性
線，但是這只是一個 文體慣例。
低於這個，現在讓我們再定義 選擇器，可以這麼說。
這其中對於具有HTML標記 中間的唯一標識符。
而在這裡，讓我們來指定字體大小 中的24個像素，低於該另一
選擇器底部和內 那，讓我們來指定
的12像素的字體大小。
>> 現在，讓我們保存，更改權限 上，並在瀏覽器中加載該頁面，
存取權限chmod a加r CSS-1.HTML。
讓我們打開瀏覽器並訪問 http://localhost/css-1.html。
不壞。
正是因為我打算，但我想 走一步算一步，現在和
中心的約翰·哈佛的文字。
我們可以這樣做，我可以換的 在一個div整個頁面，因為我
做一個早期的例子。
或者，我可以更聰明，並認識到 所有這些div都是內部
我的網頁的身體，所以為什麼不適用 一個或多個CSS屬性到主體
標籤本身？
>> 要做到這一點，讓我們做到這一點。
讓我們再回到這裡的gedit。
讓我們回到前面的風格標籤， 並讓我們指定一個選擇器只是
使用該標籤的名字，身體。
下面說，讓我們把我們的大括號 其次是文本對齊中心。
現在讓我們保存頁面並重新加載 它是瀏覽器的內部。
刷新在Chrome中，瞧。
我們現在有約翰·哈佛的頁面 中心作為我們預期。