標籤彙整: css
【設計資源】「 Image Effects 」: 可線上套用 CSS 濾鏡特效好站
今天飛肯小編要來跟大家分享的網站是 : 「 Image Effect 」，
這個網站提供了多達20種免費使用的 CSS 濾鏡特效，
可讓使用者上傳自己的圖片，任意套用並可立即觀看產出影像，
同時自動產生 CSS 或 SCSS 的語法碼，拷貝之後即可使用在網頁上面。… 閱讀全文
CSS 教學 – margin-top 失效！外間距會直接影響到上一層
調整內容的上間距 調整文字元素或圖片元素的上間距，理所當然是要使用 margin-top 語法，然而，當我們高高興興完成網頁排版，心想趕快收拾包包下班走人時，慘劇往往就發生在各個瀏覽器的不一致問題之中… 閱讀全文
CSS教學分享文 – 固定背景圖之語法練習
這次飛肯的教學文，要來分享的是，如何利用 CSS-div 語法排版，將背景圖片固定在自己想要的網頁位置上，雖然是個很簡單的範例，不過各種常用的 background 語法設定幾乎都可以從這次範例中一起學到喔。此外，版型中還附加了兩個 CSS3 的特殊效果語法，來讓大家認識一下：分別是圓角效果，以及文字的陰影效果，現在就請大家跟著以下步驟，一起完成今天的 CSS 語法練習吧！ 閱讀全文
教學：Sublime Text 的安裝設定及入門操作 – [ 上篇 ]
相較於普遍多人初學網頁時，會選擇使用 Dreamweaver ，而 Sublime Text 最大的優勢就是它有著大量實用的外掛程式，每個人可以根據自己使用上的需求，安裝其所需的外掛，讓這套軟體更為完備且能發揮更大的功效。所以，只要能夠善用擴充套件的功能，其實 sublime Text 是個可以大大提高網頁建置效率的好工具喔… 閱讀全文
教學：Sublime Text 的安裝設定及入門操作 – [ 下篇 ]
不知道大家還記得上一回做的 Sublime Text 基本下載與安裝嗎？這次我們要延續上一次的進度，也就是已安裝好的「 package control 」套件，現在就要利用它，來進行其他外掛的安裝作業… 閱讀全文
CSS 教學 – 基本文字設定 : font-size 與 line-height
各位同學好~
年假跟元宵節都過完了，大家應該都有好好的休息跟玩樂吧~現在，歡迎大家跟著久違的飛肯的教學分享文，一起收收心、練練功~
今天要來跟大家分享 CSS 語法中，文字部分很基本卻也很重要的「字型大小(font-size)」以及「行高(line-height)」的寫法喔…. 閱讀全文