列表類
1.ul標簽在Firefox中默認是有padding值的,而在IE中只有margin有值
先定義ul{margin:0;padding:0;}
2.ul和ol列表縮進問題
消除ul、ol等列表的縮進時,樣式應寫成:{list-style:none;margin:0px;padding:0px;}
顯示類
1.display:block,inline兩個元素
- display:block;//可以為內嵌元素模擬為塊元素
- display:inline;//實現同一行排列的的效果
- display:table;//forFirefox,模擬table的效果
◆display:block塊元素,元素的特點是:
總是在新行上開始;
高度,行高以及頂和底邊距都可控制;
寬度缺省是它的容器的100%,除非設定一個寬度
<div>,<p>,<h1>,<form>,<ul>和<li>是塊元素的例子
◆isplay:inline就是將元素顯示為行內元素,元素的特點是:
和其他元素都在一行上;
高,行高及頂和底邊距不可改變;
寬度就是它的文字或圖片的寬度,不可改變。
<span>,<a>,<label>,<input>,<img>,<strong>和<em>是inline元素的例子
2.鼠標手指狀顯示
全部用標准的寫法cursor:pointer;
背景、圖片類
1.background顯示問題
全部注意補齊width,height屬性
2.背景透明問題
IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60);
IE:filter:alpha(opacity=10);
Firefox:opacity:0.6;
Firefox:-moz-opacity:0.10;
最好兩個都寫,並將opacity屬性放在下面
【編輯推薦】