標籤彙整: css教學
CSS 排版教學 – 三欄式網頁設計教學範例
CSS 排版教學，使用 CSS 語法做一個三欄式網頁版型設計！雖然只是一個很基本的架構，這是 CSS 的基楚排版的範例教學，基礎練習是最重要的基本功，所以同學一定要好好練習喔！ 閱讀全文
CSS 教學：CSS 選擇器(選取器) -群組化
當我們的 CSS 選擇器中有好幾個地方使用相同的設定時，可以把這幾個 CSS 選擇器合併，原本可能寫了 7~8 行相同的語法，合在一起後只剩短短的一小行，優化 CSS 並加快網頁速度。 閱讀全文
【好站分享】「Flexbox Froggy」學習 Flexbox 的遊戲網站
最近小編發現了一個不錯的遊戲網站 – 「 Flexbox Froggy 」，所以來跟大家分享一下~
遊戲的主旨很簡單，就是利用輸入正確 Flexbox 語法指令， 來幫助畫面中的青蛙們回到荷葉上；很重要的一點:有繁體中文版耶~!
當然，語法指令還是需要用英文輸入的啦… 閱讀全文
CSS 教學 – 基本文字設定 : font-size 與 line-height
各位同學好~
年假跟元宵節都過完了，大家應該都有好好的休息跟玩樂吧~現在，歡迎大家跟著久違的飛肯的教學分享文，一起收收心、練練功~
今天要來跟大家分享 CSS 語法中，文字部分很基本卻也很重要的「字型大小(font-size)」以及「行高(line-height)」的寫法喔…. 閱讀全文
CSS Sprite 教學 – 條例式按鈕設計
大家好，在上一次飛肯教學文中，所提到的「CSS Sprite」語法技巧，不知道各位都練習過了嗎？
延續上次教學文的主題，今天我們再來做一個也很實用的「條例式按鈕設計」語法練習；在這篇教學文中，我們會先做一次一般版本的寫法，接著，我們就會教大家如何使用「CSS Sprite」，讓自己的網頁更為精簡、優化喔~ 閱讀全文
CSS 教學 – CSS Sprite 網頁優化技巧入門
大家好，今天飛肯教學文要來教各位一個非常實用， CSS 語法網頁設計的重要技巧之一： 「CSS Sprite」。這個技巧不但可以幫我們減輕網頁主機端的圖檔數量、加快網頁的開啟速度，更進一步還可以讓網頁的 SEO 排名提高，所以大家一定要學會這一招，將它應用在排版時，就可以輕鬆達到網頁優化的效果喔！ 閱讀全文