bestlong 怕失憶筆記

當健忘由隨機逐漸趨向常態時,作筆記是非常必要的

Entries for the ‘CSS’ Category

Learn CSS Positioning in Ten Steps

十步學會 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/

Leave a Comment

53你不能錯過的CSS技巧

CSS好料 

53 CSS-Techniques You Couldn’t Live Without

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

Leave a Comment

DIV與SPAN標籤元素有何不同

在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>。

Leave a Comment

  • 工商服務

    廣告讀取中...
  • 近期迴響

  • 標籤

  • 彙整