標籤彙整: css
【靈感來源】COLORION-尋找配色靈感的好幫手
哈囉~大家是否對於如何配色感到困擾呢~
這次要來分享一個網站「COLORION」，提供大家眾多的配色組合啦！
這網站很方便的是顏色間都可以再做關聯查詢，讓大家可以更容易去搜尋到喜歡的配色方案唷 閱讀全文
【靈感來源】Fresh Background Gradients-免費180種漸層配色集合
哈囉~大家好，上次有分享了一個配色網站「COLORION」， 不知道大家是否有收藏起來呀，今天要再來分享一個很棒的漸層配色組合的網站給大家啦！
這次的網站「Fresh Backgroud Gradients」免費提供大家180種的漸層顏色組合 閱讀全文
CSS 教學-簡化 CSS 語法-「群組化」選擇器
簡化 CSS 語法，讓您的 CSS 語法簡潔又漂亮！ 常常我們的 CSS 樣式中會有好幾個地方需要使用到相同的設定，一個一個分開寫會是一件滿累人的工作，重覆性太高且顯得冗長，更不好管理… 閱讀全文
CSS 教學：CSS 選擇器(選取器) -群組化
當我們的 CSS 選擇器中有好幾個地方使用相同的設定時，可以把這幾個 CSS 選擇器合併，原本可能寫了 7~8 行相同的語法，合在一起後只剩短短的一小行，優化 CSS 並加快網頁速度。 閱讀全文
CSS教學 – 重複背景圖之語法練習
今天要來分享的 CSS 語法練習，其實是之前有一篇「固定背景圖教學文」的延伸版，要教大家利用上一篇的網頁版型，來做重複背景圖片的語法練習。
如果是第一次加入的新朋友，要請您先參考上一篇之後，再來 follow 本篇教學才會比較銜接得上喔！請大家先準備好兩張素材圖片，我們就要進入正式的練習囉！
Ready~~~ Go！… 閱讀全文
【好站分享】「Flexbox Froggy」學習 Flexbox 的遊戲網站
最近小編發現了一個不錯的遊戲網站 – 「 Flexbox Froggy 」，所以來跟大家分享一下~
遊戲的主旨很簡單，就是利用輸入正確 Flexbox 語法指令， 來幫助畫面中的青蛙們回到荷葉上；很重要的一點:有繁體中文版耶~!
當然，語法指令還是需要用英文輸入的啦… 閱讀全文