web標準 複習 6 html列表

2022-01-11 12:06:56 字數 624 閱讀 7797

今天我們開始學習html列表,包含以下內容和知識點:

ul無序和ol有序列表

改變專案符號樣式或用定義專案符號

橫向**列表

浮動後父容器高度自適應

ie6的雙倍邊距bug

一、ul無序和ol有序列表

無序列表是web標準佈局中最常用的樣式,**如下:

這就是有無序列表,是以ul包含li的形式,預設每行前的符號是圓點,可以通過樣式表改為無、方塊,空心圓等。有序列表是以ol包含li的形式,是以數字為專案符號的,無序列表也可以用css定義顯示成有序列表,**及顯示效果如下:

第五天 超連結偽類

第四天 縱向導航選單

第三天 二列和三列布局

第二天 一列布局

第一天 xhtml css基礎知識

五、ie6的雙倍邊距bug

這又是ie6一個著名的bug,也是我們經常遇到的。如上例,當浮動後設定左側外邊距時後,最左側將顯示為雙倍邊距,比如設定為20,而在ie6下卻顯示40px,解決這個問題只需應用一個樣式,大家記住就可以了

display:inline;