標籤彙整: css
CSS fonw-weight 調整文字的粗細 Noto Sans TC
我們再來修改一下 <h1> 一號標題和 <h2> 二號標題設定字型為「Noto Sans TC」, 然後<h1> 一號標題 font-weight 的粗細設定為最粗的 900 ；<h2> 二號標題 font-weight 的粗細設定為最細的 100 閱讀全文
CSS3 Filter 濾鏡特效
CSS3 擁有 Filter 濾鏡特效模組一系列的功能，例如 filter: opacity(0.5) blur(4px); 就可以做出透明度 0.5 加上高斯模糊 4px 的效果，除此之外 Filter 濾鏡還有很多功能： 閱讀全文
CSS 教學：CSS 選擇器(選取器) -群組化
當我們的 CSS 選擇器中有好幾個地方使用相同的設定時，可以把這幾個 CSS 選擇器合併，原本可能寫了 7~8 行相同的語法，合在一起後只剩短短的一小行，優化 CSS 並加快網頁速度。 閱讀全文
【好站分享】「Flexbox Froggy」學習 Flexbox 的遊戲網站
最近小編發現了一個不錯的遊戲網站 – 「 Flexbox Froggy 」，所以來跟大家分享一下~
遊戲的主旨很簡單，就是利用輸入正確 Flexbox 語法指令， 來幫助畫面中的青蛙們回到荷葉上；很重要的一點:有繁體中文版耶~!
當然，語法指令還是需要用英文輸入的啦… 閱讀全文
【設計資源】「 Image Effects 」: 可線上套用 CSS 濾鏡特效好站
今天飛肯小編要來跟大家分享的網站是 : 「 Image Effect 」，
這個網站提供了多達20種免費使用的 CSS 濾鏡特效，
可讓使用者上傳自己的圖片，任意套用並可立即觀看產出影像，
同時自動產生 CSS 或 SCSS 的語法碼，拷貝之後即可使用在網頁上面。… 閱讀全文
CSS教學 – 重複背景圖之語法練習
今天要來分享的 CSS 語法練習，其實是之前有一篇「固定背景圖教學文」的延伸版，要教大家利用上一篇的網頁版型，來做重複背景圖片的語法練習。
如果是第一次加入的新朋友，要請您先參考上一篇之後，再來 follow 本篇教學才會比較銜接得上喔！請大家先準備好兩張素材圖片，我們就要進入正式的練習囉！
Ready~~~ Go！… 閱讀全文