CSS - Wibibi 網頁設計教學百科

clear 是用來清除某一元素的側邊浮動元素，假設兩個 div 區塊使用了浮動（CSS float）而併排在一起，如果要讓這兩個元素不要併排在一起，則可以使用 clear 來宣告清除 CSS float 浮動效果，以下範 ...... 詳細閱讀

CSS float 用來定義區塊的浮動，可以設定為靠左浮動或靠右浮動，常見用法像是文字繞圖片的特效或是 DIV 區塊排版上使用，在 CSS 設計上任何元素都是可以浮動的，像是 DIV 區塊、span、圖片 ... 等。也 ...... 詳細閱讀

在某些時候會需要隱藏 DIV 區塊，例如網頁剛開啟的時候不顯示，當網友使用了某些選項再開啟 DIV 區塊之類的應用，而 DIV 隱藏有兩種常見的技巧，分別是 JavaScript 語法或是 CSS 隱藏，本篇要介紹的是 ...... 詳細閱讀

DIV 是區塊的意思，既然是區塊，當然可以設定他的寬度與高度，要設定 DIV 寬度可以使用 width 來給值，另外也可以搭配 height 來設定高度，幾乎所有主流的瀏覽器都支援 DIV width 與 height ...... 詳細閱讀

CSS display block 規定元素以區塊方式呈現，相較於 display inline 的同一行呈現恰恰相反，當一個元素如多張圖片或多段文字的屬性設定為區塊（display:block）則這些元素將會在網頁上呈 ...... 詳細閱讀

CSS display inline 的屬性是用來定義元素在同一行呈現，也就是圖片或文字均不換行的意思，相對應的用法為 display block，我們將在另一篇做詳細的介紹，如果你的文字（常用在標題）不想換行，可以使用 ...... 詳細閱讀

CSS overflow 屬性用來定義元素超過某個範圍的時候該如何呈現，例如圖片超過預設區域的大小、文字長度超出原本的範圍等，這時候你可以透過 CSS overflow 屬性來制定該區塊是否顯示 scrollbar（卷軸 ...... 詳細閱讀

CSS position 位置屬性是用來設定元素位置的語法，你可以定義出某個元素（如圖片、DIV 區塊、h1、h2 ... 等）要在網頁的哪個位置呈現，例如將一個圖片設置在網頁的左上角，使用 CSS position 通 ...... 詳細閱讀

會寫這一篇是因為在 CSS 中要水平置中相當簡單，只要使用 text-align 即可，但是垂直置中就不是這麼容易的事情，其實說難也不難，只要用一點小技巧就可以做出文字垂直置中的效果，本篇用的是 line-height ...... 詳細閱讀

CSS text-align 的用途是水平對齊，可以設定靠左、靠右、置中甚至是使左右對齊本文等特性，要注意的是 text-align 只能設定水平對齊，無法設定垂直方向的對齊，以下列出常見的對齊方式。text-align ...... 詳細閱讀