標籤彙整: div
CSS 排版教學 – float 2 欄式網頁版型
CSS 排版教學，使用 CSS float 語法編排網頁版型， 在 HTML 使用 div 劃分欄位，再用 CSS 語法來做圖形與版面編排，這個範例是 CSS 網頁設計的基本練習 閱讀全文
CSS 教學 – CSS Sprite 網頁優化技巧入門
大家好，今天飛肯教學文要來教各位一個非常實用， CSS 語法網頁設計的重要技巧之一： 「CSS Sprite」。這個技巧不但可以幫我們減輕網頁主機端的圖檔數量、加快網頁的開啟速度，更進一步還可以讓網頁的 SEO 排名提高，所以大家一定要學會這一招，將它應用在排版時，就可以輕鬆達到網頁優化的效果喔！ 閱讀全文
CSS 排版教學 – 4 欄式網頁版型 – 範例下載
使用 <div> 和 CSS 語法設計 4 欄式的網頁版型 4 欄式的網頁版型的確只要使用 float:left 就可以完成了~ 中間的 4 個 <div> 在使用 float:left 的時候，就會依序的直接靠在前面一個 <div> 的旁邊… 閱讀全文
CSS 排版教學 – div 圖文框排版入門
以前使用表格排版的時候，要製作圓角圖框的排版就必須把先把圖片切割大卸九塊，然後再用表格把切割過後的圖片拚在一起還原之後，才能把網頁需要的文字貼在表格之內….光想起來就是大工程… 閱讀全文
CSS 教學 – margin-top 失效！外間距會直接影響到上一層
調整內容的上間距 調整文字元素或圖片元素的上間距，理所當然是要使用 margin-top 語法，然而，當我們高高興興完成網頁排版，心想趕快收拾包包下班走人時，慘劇往往就發生在各個瀏覽器的不一致問題之中… 閱讀全文
免費 CSS 網頁版型下載網站 – 「Free Website Templates」
這個網站有非常多的 CSS 免費網頁版型可以下載 這裡提供下載的網頁版型的 HTML 部份是 div 結構，視覺排版部份是以 CSS 語法來完成的，同學可以下載回來練功… 閱讀全文