本節書摘來自異步社群《html5 開發執行個體大全》一書中的第1章，第1.4節,作者： 張明星 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
https://yqfile.alicdn.com/bb27c177cba7a0a7b553d7fcf1e3b2867ed578ce.png" >
執行個體說明
我們知道，css能夠修飾傳統的html頁面。其實全新的html 5也可以用css進行修飾，這樣将展現給我們一個更加絢麗的頁面效果。本執行個體的目的是編寫一段基本的html 5程式，然後使用css進行修飾。
其實在支援html 5新元素的浏覽器中，使用css修飾各個新增标記元素的方法十分簡單，可以對任意一個元素應用css（包括直接設定或引入css檔案）。在預設情況下，css假設元素的“display”屬性是“inline”的，是以，為了更加正确地顯示設定的頁面效果，需要将元素的“display”屬性設定為“block”。
具體實作
使用dreamweaver建立一個名為“004.html”的檔案，具體代碼如下所示：
執行後的效果如圖1-5所示。
因為有很多浏覽器現在還不支援html 5中的新增元素，例如微軟的ie。但是傳統的css隻能對ie支援的那些元素起作用。為了使新增的html 5元素可以應用css樣式，可以在頭部标記< head >中加入如下javascript代碼，這樣就可以應用樣式了：
建議讀者優化上述的javascript代碼，例如，使用條件語句包含上述javascript代碼，這樣可以使浏覽器隻在不支援html 5的情況下才執行這段腳本。