十分鐘通關CSS：內嵌樣式

內嵌樣式
樣式定義：用於輔助美化HTML，使得網頁效果色彩性更高，更容易吸引用戶。 樣式能夠爲網頁設置顏色、背景、排版等豐富的屬性。

標籤中的style屬性用於幫助標籤訂義內嵌樣式，內嵌樣式格式以下例所示， 使用style做爲標記，在內部寫入格式如： key:value; 的數據對象來表示 具體的樣式。

<div style="color: red;">
    Hello World !
</div>

可是在標籤不少的狀況下，若是大量在頁面中堆疊內嵌樣式，則會使得頁面臃腫 冗餘，以下例：

<div style="width: 100px; height: 100px; color: red; 
background-color: green; font-size: 20px; font-weight: bold; 
line-height: 20px; text-align: center;">
大量堆積內嵌樣式
</div>