!important 具有優先權
提升指定樣式規則的應用優先權。
示例：div { color:red!important }
display:inline|block
display:inline比較經典的用法是用在 <ul> 下的 <li> 中
display:inline 對應不顯示為 display:none
display:block 對應不顯示為 hidden
說通俗點樣式為none的元素不占位置,而樣式為hidden的元素雖然不顯示但還是占地方
display:inline
可以讓行內顯示為塊的元素，變為行內顯示，例如
<div class="d1">
<div>DIV1</div>
<div>DIV2</div>
</div>
這里DIV1和DIV2分別占一行，但是你給他們加上屬性后變了,DIV1和DIV2這時候顯示在同一行了，試試看
<div class="d1">
<div style="display:inline">DIV1</div>
<div style="display:inline">>DIV2</div>
</div>
現在DIV1和DIV2就在一行里了。
和 display:inline 對應的是 display:block，block 會讓應用了該 CSS 屬性的 HTML 標記變成塊級別元素，例如 SPAN 是行內顯示的，但是你加了 display:block 屬性就不一樣了
[font style= "display:block "] SPAN1 [/font]
[font style= "display:block "] SPAN2 [/font]
block一般一個塊占一行，除非float
inline是自動排為一行，就象段內的文字一樣，可成為多行。
clear:both
語法：clear : none | left |right | both
參數：
none : 允許兩邊都可以有浮動對象
both : 不允許有浮動對象
left : 不允許左邊有浮動對象
right : 不允許右邊有浮動對象
說明：
該屬性的值指出了不允許有浮動對象的邊。