CSS:dl,dt,dd,ul,li,olの区別と応用

ul: unordered lists 
ol: ordered lists 
li: Lists
ol     :
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
   ：
1……
2……
3……

ul     ，   li         123:
<ul>
<li>……</li>
<li>……</li>
</ul>

        dl dt dd   :
dl    
dt       
dd   
     ：
<dl>
<dt>  </dt>
<dd>  1</dd>
<dd>  2</dd>
</dl>

dt  dd       ol ul li p,      ，   div     ，     ，w3c           。 

LI      : 

A).  CSS      ： 

       ：
ul li{ 
list-style-type:none; 
} 

B).            ， ： 

       ：
ul li{ 
list-style-type:none; 
list-style-image: url(/blog/images/icon.gif); 
} 

C).     ，       ： 

       ：
ul{ 
list-style-type:none; 
margin:0px; 
} 

D).          ，       ： 

       ：
ul{ 
list-style-type: none; 
margin:0px; 
} 
ul li{ 
background:#CCC; 
} 


E).       MOUSEOVER      ，       ： 

       ：
ul{ list-style-type: none; margin:0px; } 
ul li a{ display:block; width: 100%; background:#ccc; } 
ul li a:hover{ background:#999; }  ：display:block;        ，        ！ 


F).LI        ,  FLOAT:LEFT： 

       ：
ul{ 
list-style-type:none; 
width:100%; 
} 
ul li{ 
width:80px; 
float:left; 
}  

<ul><li>    

<LI>      （  ）： 

  ： <li type="square" value="4"> 

type="square" 

         ，      ，     ，  ，    type="disc"： 

       ：
      type="disc"       。 
   if" width=10 height=10 border=0>    type="circle"       。 
      type="square"       。 
value="4" 

              ，        ，                ，          ，      1,2,3..    ，     。 

      <UL>        。 

                       、、   ，       。 

      <UL>      （  ）： 

        ： <UL type="square"> 

      type="square" 

            ，     ，  ，    type="disc"： 

       ：
            type="disc"       。 
            type="circle"       。 
            type="square"       。 


      <ul>     ，<li>    ，            ，             ，     <ol>       ，      ，   <li>     

      <li>  list item     ，       ，       <ul>    <ol>         （   ）     （1,2,3...）。