序

   這一篇主要是介紹 CSS 的精華：層級！其實這也不是什麼了不起的新技術。在
   NESCAPE NEVIGATOR 之中，就已經有這樣的觀念產生。層級的基礎其實是導進了
   3D 的觀念。在網頁中加入了 Z 軸的座標 使得網頁有階層的效果。不同的座標值
   有不同的高度，值越大就越在上層而下層的元件自然就被蓋住了。 當然，下層元
   件的效果也無法展現出來。例如連結。如果一個透明的層級蓋住了整個畫面，這
   個畫面的 所有連結都將失效。好了，現在先看看，層級的一些指令：
   1.POSITION-----位置 6.MARGIN-------邊界
   2.TOP----------頂端 7.PADDING------留白
   3.LEFT---------左邊 8.WIDTH--------寬度
   4.VISIBILITY---顯示 9.HEIGHT-------高度
   5.Z-INDEX------層數 10.BORDER------邊緣

                               POSITION-----位置

   位置主要是在設定當多個層級在同一頁面時，層級的位置參數﹝頂端和左邊﹞的
   原點在何處。可用 的值為絕對和相對。若值為絕對時，則原點永遠在視窗的最左
   上角，若值為相對，則原點就隨著上 一個層級的最左上角移動而移動。

   Position:absolute
   Position:relative

   ABSOLUTE 為絕對位置。而 RELATIVE 則為相對位置。

                               TOP----------頂端

   這個屬性是定義層級的位置，頂端是以下為正以上為負。值越大就越下面。而原
   點則是以上一個屬性 的值為定義的基準。

   Top:110px

   基本上來說，這個屬性能接受的單位相當廣，一如我之前所提及的。但為了各位
   的好，我並不想 要推建其他的值。這最主要是為了讓您的網頁在不同的瀏覽器之
   中能相容。

                               LEFT---------左邊

   這個屬性是定義層級的位置，左邊是以右為正以左為負。值越大就越右邊。而原
   點則是以第一個屬性 的值為定義的基準。

   Left:110px

   基本上來說，這個屬性能接受的單位相當廣，一如我之前所提及的。但為了各位
   的好，我並不想要推 建其他的值。這最主要是為了讓您的網頁在不同的瀏覽器之
   中能相容。

                               VISIBILITY---顯示

   定義層級是否要顯示出來。如果不顯示出來在螢幕上就看不到。這是為了能讓各
   位能更靈活的運用層級 進而達到動態的效果。例如加上 JAVA SCRIPT 時層級的
   運用就可以千變萬化了。

   Visibility:visible
   Visibility:hidden

   預設值是 visible。不要顯示則用 hidden 參數。

                               Z-INDEX------層數

   這是一個新的概念。有鑑於一般 HTML 文件沒有立體感，CSS 引進了層數的概念
   ，值為一般數字，沒有 單位，沒有限制大小可以為個位，十位，或是千位也行。
   數字越大則越上面。

   Z-Index:100

                               MARGIN-------邊界

   Margin 之前就已經介紹過了。這邊提出來是因為在層級之中，Margin 的屬性多
   了很多。

   Margin-top:20pt
   Margin-left:20pt
   Margin-right:20pt
   Margin-bottom:20pt

   以上分別定義了上、左、右、下，的邊界。

                               PADDING------留白

   留白定義了元件的邊緣和元件的內容的距離。

   padding-top:20pt
   padding-left:20pt
   padding-bottom:20pt
   padding-right:20pt
   padding:20pt

   參考上一個元件。

                               WIDTH--------寬度

   層級的大小就靠這個和下一個屬性來決定。

   Width:20px

                               HEIGHT-------高度

   設定層級的高度。

   Height:20px

                               BORDER------邊緣

   邊緣的語法如下：

   border-top-width:10pt
   border-right-width:10pt
   border-bottom-width:10pt
   border-left-width:10pt
   border-width:10pt
   border-color:#FFFFFF
   border-style:可用的值為
   ：none,dotted,dashed,solid,double,groove,ridge,insert,outset.
   border:10pt

   border-top-width,border-right-width,border-bottom-width,border-left-wi
   dth,這四項也可以用 thin,medium,thick,來取代點數(pt)。可能您也看過如
   Border-top:10pt 的寫法，但我並不推薦 所以這兒就不列出來的。您可以自己試
   試看。