DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> 關於HTML >> Firefox與IE下UL預設標記的異同
Firefox與IE下UL預設標記的異同
編輯:關於HTML     

小毅的blog:http://andymao.com/andy/

列表UL或是OL中都有一個預設標記,這個標記可能是實點圓點,也可能是數字。在實際的應用中,我們需要去掉這個預設標記,但我們不清楚這個預設標記是存在於什麼位置。因為IE與FF似乎在處理UL的預設標記時都有著不同的方式:我們來寫一個UL的HTML代碼結構:

HTML結構:

<ul>
<li>建設部通報八起房地產交易違法、違規典型案例 </li>
<li>周小川表態引發美元震蕩|人民幣應成世界貨幣?</li>
<li>首都機場一香港乘客制造炸彈威脅導致航班延誤</li>
<li>美國房市“麻煩”未了|底特律房子比車子便宜</li>
<li>網絡報告:美國是黑客大本營 中國是最大受害國</li>
</ul>

代碼框

這個UL在不同的浏覽器中的顯示基本上是差不多的。那麼我們設定一下CSS試著看一下IE與FF什麼地方不一樣:

CSS代碼:

ul {background:#ddd; padding:0; }

代碼框

現在只把padding的值設為0,這時我們看一下IE中除了多個背景之外並沒有什麼變化,但是FF中的預設標記不見了!這裡要注意的是IE中的預設標記是在背景外的。我們再來換個方式來設置:

CSS代碼:

ul {background:#ddd; margin:0; }

代碼框

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved