標籤彙整: css
CSS 排版教學 – 單欄式網頁版型設計
這一次的飛肯教學文，要跟大家分享的是，如何用 CSS 語法來做一個單欄式網頁的版型設計！
雖然只是一個很基本的架構，但是在教學文當中，大家可以跟著小編一起學習幾個常用的語法，例如「 text-indent 」 的兩種使用方式、選單之水平排列、清除浮動的寫法…. 閱讀全文
CSS 教學 – CSS Sprite 網頁優化技巧入門
大家好，今天飛肯教學文要來教各位一個非常實用， CSS 語法網頁設計的重要技巧之一： 「CSS Sprite」。這個技巧不但可以幫我們減輕網頁主機端的圖檔數量、加快網頁的開啟速度，更進一步還可以讓網頁的 SEO 排名提高，所以大家一定要學會這一招，將它應用在排版時，就可以輕鬆達到網頁優化的效果喔！ 閱讀全文
CSS3 教學 Transform 變形效果 – 2D 篇
嗯～就叫它「變形效果」吧！在 CSS3 中再加入了 Transform 效果囉！此屬性可產生一些簡單的 2D 變形如縮放、旋轉、傾斜。此外，更可產生 3D 的變形，這…真的是太強悍啦！在高興的同時別忘了～並不是所有的瀏覽器都有支援！ 閱讀全文
CSS3 教學 Transform 變形效果 – 3D 篇
再來篇差不多的文章，同樣是換湯不換藥～當然還是要為各位解說一下 CSS3 Transform 的 3D 基本觀念。首先，我要先釐清一下軸線的方向： 哇～真是太神奇了！在高興的同時別忘了～並不是所有的瀏覽器都有支援！請各位還是以先進的瀏覽器以進行檢視吧！ 閱讀全文
CSS3 教學 Transition 轉場動畫 – 滑動選單篇
不知各位有沒有仔細研讀 淺談 CSS3 Transition 轉場動畫效果 的文章內容呢？如果沒有仔細研讀的話，請趕快回去複習一番！否則，會不知道接下來我要做什麼喔！？接下來，要教各位利用 CSS3 Transition 來製作出網路上常見的滑動選單效果。 閱讀全文
CSS3教學 Transition 轉場動畫 – 滑動廣告篇
再來一篇換湯不換藥的範例，我們稱它為滑動廣告！其觀念是與前篇一模一樣，僅僅是 HTML 結構不一樣而已！請各位仔細聽我說來…若還不熟悉請見以下兩篇文章～淺談 CSS3 Transition 轉場動畫效果 CSS3 Transition 轉場動畫應用實例 – 滑動選單篇 閱讀全文