li的簡單應用_基礎教程

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

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

這是一個普通的LI
"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





"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


li的簡單應用

• 測試清單的
  


• 測試清單的
  


• 測試清單的
  


• 測試清單的
  

提示：你可以先修改部分代碼再運行

再加上類如日期之類的內容


引用:
span定義為float:right 他會跟在後面




"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


li的簡單應用

• 12-11測試清單的
  


• 12-11測試清單的
  


• 12-11測試清單的
  


• 12-11測試清單的
  

提示：你可以先修改部分代碼再運行

再加更多的內容
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


li的簡單應用

• 12-11測試清單的

  
  

  測試清單的測試清單的測試清單的測試清單的測試清單的

  
  



• 12-11測試清單的

  
  

  測試清單的測試清單的測試清單的

  
  



• 12-11測試清單的

  
  

  測試清單的測試清單的測試清單的

  
  



• 12-11測試清單的

  
  

  測試清單的測試清單的測試清單的

  
  

