分類彙整: CSS 教學 – 網頁排版

Reset CSS 重置歸零 – 網頁排版各瀏覽器快速一致化

Reset CSS 可讓網頁排版更順利，每一個 HTML 標籤元素都有 CSS 預設值設定，造成網頁設計師寫 CSS 時候不便，各瀏覽器又自行加入一些額外 CSS 預設值設定，要花好多時間來應付各大瀏覽器 閱讀全文 →

in CSS 教學 - 網頁排版

RWD 教學 CSS3 Media Queries 媒體查詢

隨著現今行動裝置的多樣化，各家廠商的智慧型手機、平板電腦推陳出新！手機的螢幕尺寸一家做得比一家大、平板電腦的螢幕尺寸也是大小不一，尺寸多樣，於是讓特定的螢幕尺寸來切換 CSS3 的 Media Queries 的需求性就產生了…. 閱讀全文 →

in CSS 教學 - 網頁排版, RWD 響應式網頁

CSS 排版教學 – 單欄式網頁版型設計

網頁完成圖示

這一次的飛肯教學文，要跟大家分享的是，如何用 CSS 語法來做一個單欄式網頁的版型設計！
雖然只是一個很基本的架構，但是在教學文當中，大家可以跟著小編一起學習幾個常用的語法，例如「 text-indent 」 的兩種使用方式、選單之水平排列、清除浮動的寫法…. 閱讀全文 →

in CSS 教學 - 網頁排版

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

算是入門的 CSS 語法教學範例，讓同學多練習使用「項目清單」製作圖形按鈕。 就是 <ul> 和 <li> 這兩個 HTML 標籤 ，在 CSS 排版中最常使用，在結構上非常的簡潔，在編排上可以非常的靈活… 閱讀全文 →

in CSS 教學 - 網頁排版

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

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

in CSS 教學 - 網頁排版

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

CSS-Sprite

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

in CSS 教學 - 網頁排版