li的簡單應用_基礎教程

作者:eoe
雖然自己天天寫CSS~~
可是來了原創文章這裡~~不知道要寫什麼~~

今天就先寫個LI 的簡單應用~~以後慢慢加好了

這是一個普通的LI
html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3. org/TR/xhtml11/DTD/xhtml11.dtd">

  
• 測試清單的
  li>
    
• 測驗清單的
  

  
• 測驗清單的
  

  
• 測驗清單的
  

   提示：你可以先修改部分程式碼再執行

加了點CSS樣式定義可以這樣


  引用: 
*{margin:0;padding:0;} 習慣性把所有的元素的內補丁外補丁定義為0
0可以沒有單位~~理論上是要單位的~不過0px 0pt 0em 都是0 所以~懶了~~

#test ul li 是 包含選擇子
定義ID為test 裡面的ul裡的li
margin:~在基本上所有的瀏覽器解析都是一樣~
這裡之所有要寫兩個是因為~
在li裡面有我用到border,IE5.x對border的解析與其他瀏覽器不一樣
margin/**/: 這樣的話~IE5.x是不認識的~~
當然還有其他的寫法如:
voice-family :   "\"}\" ";voice-family :inherit;等~
可參考http://bbs.51js.com/viewthread.php?tid=50475&fpage=1

 


html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

  
• 測試列表的
  

  
• 測試列表的
  

  
• 測試列表的
  

  
• 測試清單的