標籤彙整: css教學
CSS 排版教學 – 設計圖形按鈕選單 – 入門篇【二】
![](https://i2.wp.com/www.flycan.com/article/wp-content/uploads/2011/03/ul_li_02.jpg?fit=200%2C93)
算是入門的 CSS 語法教學範例,讓同學多練習使用「項目清單」製作圖形按鈕。 就是 <ul> 和 <li> 這兩個 HTML 標籤 ,在 CSS 排版中最常使用,在結構上非常的簡潔,在編排上可以非常的靈活… 閱讀全文
CSS 置中教學 – div 水平置中和垂直置中【一】
![](https://i1.wp.com/www.flycan.com/article/wp-content/uploads/2012/12/FLY-07-2.jpg?fit=200%2C123)
使用 CSS 語法要設定一個 div 水平置中,是很常見到的需求,最多人使用 margin: 0 auto; 這個方法就可以達成。但是,如果要讓一個 div 同時間做到在網頁上水平置中還要垂直置中,也就是 CSS 上下左右置中,這就有點麻煩了… 閱讀全文
CSS 教學 – CSS Sprite 網頁優化技巧入門
![CSS-Sprite](https://i2.wp.com/www.flycan.com/article/wp-content/uploads/2015/04/FLY-00.jpg?fit=187%2C150)
大家好,今天飛肯教學文要來教各位一個非常實用, CSS 語法網頁設計的重要技巧之一: 「CSS Sprite」。這個技巧不但可以幫我們減輕網頁主機端的圖檔數量、加快網頁的開啟速度,更進一步還可以讓網頁的 SEO 排名提高,所以大家一定要學會這一招,將它應用在排版時,就可以輕鬆達到網頁優化的效果喔! 閱讀全文
CSS3 教學 Transform 變形效果 – 2D 篇
![](https://i2.wp.com/www.flycan.com/article/wp-content/uploads/2012/08/01.jpg?fit=200%2C35)
嗯~就叫它「變形效果」吧!在 CSS3 中再加入了 Transform 效果囉!此屬性可產生一些簡單的 2D 變形如縮放、旋轉、傾斜。此外,更可產生 3D 的變形,這…真的是太強悍啦!在高興的同時別忘了~並不是所有的瀏覽器都有支援! 閱讀全文
CSS3 教學 Transform 變形效果 – 3D 篇
![](https://i2.wp.com/www.flycan.com/article/wp-content/uploads/2012/08/011.jpg?fit=200%2C60)
再來篇差不多的文章,同樣是換湯不換藥~當然還是要為各位解說一下 CSS3 Transform 的 3D 基本觀念。首先,我要先釐清一下軸線的方向: 哇~真是太神奇了!在高興的同時別忘了~並不是所有的瀏覽器都有支援!請各位還是以先進的瀏覽器以進行檢視吧! 閱讀全文