[CSS] 常用寫法

CSS常用寫法 by TonyQ @ iT邦
網站系統開發規劃 index

YUI CSS Reset

你可以透過在標籤上寫 style="display:block;" 的樣式宣告來指定這是 block 元素；
也可以透過在標籤上寫 style="display:inline;" 來指定這是 inline 元素。
基本上如果是圖文描述時比較有機會使用 inline ，一般排版使用則以 block 居多。

＠ Box Model
<div style="width:50px;height:50px;background:green;border:1px solid gray;margin:5px;padding:5px;">123</div>

* width ：元件寬度
* height：元件高度
* background：背景設定，可設定單色，也可以設定使用一張背景圖片。
* border：寬線，5px 是寬度、solid 是線的樣式、gray 是線的顏色。
* padding:屬於元件內部的留白（故不包含內容區域)
* margin: 屬於框線以外的間距

＠ Float
＠字型的設定：Font
＠ 元件細節的 UI 設定
如 a (超連結) 標籤就有以下的各種設定：

:link style:未瀏覽的樣式設定
:visited style:已經瀏覽過得網址的樣式設定
:hover style: 滑鼠移過去的樣式設定
:active style:點擊後但滑鼠尚未放開的樣式設定