bestlong 怕失憶筆記

十步學會 CSS 的位置對齊(posision)。非常直覺的教學指導非常值得初學者一看。

示範下列 CSS 排版屬性組合的顯示差異：

1. position: static
2. position: relative
3. position: absolute
4. position:relative + position:absolute
5. two column absolute
6. two column absolute height
7. float
8. float columns
9. float columns with clear
10. Disclaimer & Resources

http://www.barelyfitz.com/screencast/html-training/css/positioning/

CSS好料 

53 CSS-Techniques You Couldn’t Live Without

http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/

在CSS應用當中，<DIV>和<SPAN>標籤是我們經常使用到的。<DIV>標籤早在HTML 3.0就已經存在，但並不經常被用到。而<SPAN>是在HTML 4.0才出現，他是針對樣式表而設計的標籤。

<DIV>是個區塊就像容器一樣，可以比喻是一個獨立的盒子。它可以容納任何HTML標籤元素，包括段落、表格、圖形等。

<SPAN>和<DIV>標籤功能可以說是一樣的，不同的是<SPAN>…</SPAN>所包圍起來的物件不會換行，而<DIV>…</DIV>會自動換行。

還有一點需要特別注意，<DIV>…</DIV>標籤內可以包含<SPAN>…</SPAN>。而<SPAN>…</SPAN>標籤內是不可以包含<DIV>…</DIV>。