演講嘉賓：所以，它實際上不是最好的 設計交融的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中，瞧。 我們現在有約翰·哈佛的頁面 中心作為我們預期。