標籤彙整: css排版

CSS 置中教學 – div 水平置中和垂直置中【一】

使用 CSS 語法要設定一個 div 水平置中,是很常見到的需求,最多人使用 margin: 0 auto; 這個方法就可以達成。但是,如果要讓一個 div 同時間做到在網頁上水平置中還要垂直置中,也就是 CSS 上下左右置中,這就有點麻煩了… 閱讀全文

in CSS 教學 - 網頁排版

CSS 教學 – CSS Sprite 網頁優化技巧入門

CSS-Sprite

大家好,今天飛肯教學文要來教各位一個非常實用, CSS 語法網頁設計的重要技巧之一: 「CSS Sprite」。這個技巧不但可以幫我們減輕網頁主機端的圖檔數量、加快網頁的開啟速度,更進一步還可以讓網頁的 SEO 排名提高,所以大家一定要學會這一招,將它應用在排版時,就可以輕鬆達到網頁優化的效果喔! 閱讀全文

in CSS 教學 - 網頁排版

CSS 排版教學 – 4 欄式網頁版型 – 範例下載

CSS 語法教學 - 4 欄式網頁版型 - 範例下載

使用 <div> 和 CSS 語法設計 4 欄式的網頁版型 4 欄式的網頁版型的確只要使用 float:left 就可以完成了~ 中間的 4 個 <div> 在使用 float:left 的時候,就會依序的直接靠在前面一個 <div> 的旁邊… 閱讀全文

in CSS 教學 - 網頁排版

CSS 排版教學 – 設計圖形按鈕選單 – 入門篇【一】

設計圖形按鈕選單,在 HTML 的內容結構上,大部份都會使用 <ul> <li> 項目清單,在結構上非常的簡潔,在編排上可以非常的靈活。因此,不只是 設計按鈕選單,有很多的 CSS 網頁排版技巧,也是一致十分愛用… 閱讀全文

in CSS 教學 - 網頁排版

CSS 教學 – 文字大小、間距、行距、背景圖

大部份 CSS 語法的教學書籍第一課,就是練習使用 CSS 語法來調整文字大小、間距、行距 … 我們這個範例也是,最基本的入門練習… 閱讀全文

in CSS 教學 - 網頁排版