CSS - Wibibi 網頁設計教學百科

如果你習慣採用 DIV 來做網頁的排版，那就難免會碰到需要讓 DIV 置中的時候，在大部分主流的瀏覽器中，想要要讓 DIV 置中，僅需要用到 margin 就能夠達成，但在 IE 瀏覽器可就不是這麼一回事囉！這篇分享幾種 ...... 詳細閱讀

網頁設計整體而言會先規劃出頁面的呈現方式，普遍的規劃可能像下方圖片這樣，從最上方的 Site Name 開始，左邊有 Sidebar 區塊（通常是一些網頁的選單 Menu），右手邊是主要的內文區，最下面當然就是頁底或稱為 ...... 詳細閱讀

CSS letter-spacing 屬性的功能可以用來設定文字水平方向間的空白區間，letter-spacing 的屬性值可以為正值或負值，當 letter-spacing 的參數值大於 0 時，文字水平間的距離會加大 ...... 詳細閱讀

話說我們在設計 CSS 的時候，總不能老是自己天馬行空的想版型，有時候也可以參考別的高手設計出來的作品，一方面多看多增加設計的想法，另一方面也可以修改自己設計上的缺點，而網路上有很多 css template 樣板網站， ...... 詳細閱讀

大部分的程式語言都有註解的功能，為的當然是在程式中寫下每個段落的意思，未來維護起來可以比較容易，在 CSS 中也不例外，而 CSS 的註解寫法有分為單行註解與多行註解，以下範例分別用了這兩種寫法。單行 CSS 註解的寫法 ...... 詳細閱讀

span 標籤在 HTML 設計的時候就已經廣泛在使用，同樣的到了 CSS 設計也可以繼續使用，span 標籤可以用來標示一個行元素，與 DIV 區塊的用法有點類似，但瀏覽器會將 span 標籤包起來的元素視為一行。簡易 ...... 詳細閱讀

傳統在 HTML 上排板都是採用表格（table）的方式，但是用表格排板會衍伸出許多的缺點，例如表格的架構必須等整個 table 完整下載後，才能順利呈現，如果表格內的東西相當多（例如圖檔或影片檔）的時候，就可以感覺到網 ...... 詳細閱讀

透過 CSS padding 內距的設定，可以控制區域如 DIV 或 span 的內部距離，也可以控制 HTML 的表格內部距離（例如文字或圖片與邊框的距離），padding 本身就是內距的設定，padding 是不可以 ...... 詳細閱讀

CSS margin 屬性用來定義一個區域（例如 DIV 或 span）的外邊界距離，俗稱外距，與常用的 padding（內距）剛好不同。margin 可以讓你一次設定四個邊的外距，也可以分別設定每個邊不同的外距，特別的 ...... 詳細閱讀

文字的設定一般最常見的變化除了顏色之外就是粗細了，設定文字的粗細必須使用 font-weight，粗體則設定為 bold。基本語法font-weight:bold;如此一來就可以顯示粗體字。延伸閱讀CSS font-w ...... 詳細閱讀