CSS - 網頁設計教學站

CSS border-width 的功能是用來設計元素邊框粗細使用的，也有人說是元素的邊框寬度，常見的圖片邊框粗線、文字加外框或是 DIV 的粗邊框都可以用 border-width 來設計，不過 border-width 無法設定邊框的顏色以及樣式，所以常常與 border-c ...... 詳細閱讀

CSS border 是邊框設計的標準綜合用法，網頁內的元素如 DIV、span 的邊框都可以透過 border 來設計，那為什麼會說 border 是綜合用法呢？因為 css 可以獨立設定每個邊框的粗細、顏色以及樣式，用到的語法包含 border-width、border-co ...... 詳細閱讀

CSS padding 用來控制元素的內距，也就是像 DIV 區塊或 span 區域的元素與邊框的距離，以 DIV 區塊來說，預設的情況是邊框會與內部的元素（如文字或圖片）緊密接觸在一起，視覺感受並不是很好，我們可以透過 css 內建的 padding 來修改這樣的情況，讓邊框與 ...... 詳細閱讀

CSS float 浮動功能用來設定網頁中各獨立元素與其他元素的關係，特別是 DIV 區塊的浮動排版更加實用，float 可以讓圖片、區塊、影片、欄位、表單、表格 ... 等元素，進行浮動排列，透過 DIV 將各元素區塊劃分出來再結合 float 進行排版，是一種常見的網頁排版計 ...... 詳細閱讀

CSS span 區域與 DIV 區塊是不一樣的元素，每個 span 區域僅會佔用該元素所需的空間，許多的 span 區域是可以並排在一起顯示的，而每個 DIV 區塊則會佔用掉一行的空間，除非使用像是浮動 float 的技巧，否則預設的 DIV 區塊是無法像 span 的並排方式 ...... 詳細閱讀

CSS DIV 區塊顧名思義就是以區塊型態存在的一種網頁設計元素，與 span 的區域性值有點不一樣，在一個單純的網頁中，每個 DIV 區塊預設的範圍會佔掉一個行，也就是說每個 DIV 區塊將會排列在前一個 DIV 區塊的下方，就像堆積木一樣堆疊，當然，網頁設計師還是可以透過 f ...... 詳細閱讀

由以上區塊的呈現方式，如果遇到區塊A與區塊B的高度不一定相同的時候，很可能會造成底線無法順利呈現而造成板面跑掉的窘境，有兩個解決方式，一個是將主要的 div 區塊設定一個高度，但這並不是非常好的方式，如果區塊A或區塊B有任何一筆資料超過主區塊的高度一樣會出問題，所以我們建議用另一 ...... 詳細閱讀

CSS 中設定 DIV 的寬度是非常常用的一種手法，寬度通常搭配著高度（height）一起使用，可以用來設定一個 div 元素的大小，幾乎所有主流的瀏覽器都支援 width 的設定方法，讓我們先來看看基本語法怎麼寫：width:寬度値;寬度値可以設定為數字加單位或百分比，直接來看 ...... 詳細閱讀

CSS text-align 屬性定義為水平對齊，跟垂直對齊玩全不一樣唷！CSS 中垂直對齊有其他的技巧，我們在另外的篇幅再做介紹，先來看看 text-align 的常見屬性有哪些：text-align:left; //向左對齊text-align:right; //向右對齊te ...... 詳細閱讀

CSS 中設定文字粗細（也可以說是字體厚度）的語法是 font-weight，可以是 100~900 的數字或 normal、bold、bolder、lighter ... 等値。font-weight 常用設定値解說normal：也就是預設字體厚度，其實可以不用特別寫出來。bo ...... 詳細閱讀