分類：css

共 98 篇文章

Flex 空間計算規則

2020 年 03 月 08 日css5 分鐘閱讀

此篇是延續先前的 Flex 的文章（圖解：CSS Flex 屬性一點也不難），本篇則是著重在 flex 中的 flexgrow、flexshrink 和 fle…

2020 年 02 月 21 日css7 分鐘閱讀

CSS Border 大部份來說是用在裝飾上，卡片的邊線、hover 的視覺效果、物件之間的間隔等等，這些視覺效果除了 Border 以外亦有其它方式可以達到；…

2019 年 12 月 22 日css4 分鐘閱讀

Mac 暗色主題推出後，就讓黑色控非常喜愛，而且這樣的暗色佈景使用起來更不傷眼。以我來說是比較喜歡在亮色的佈景下工作的，但暗主題的對於長期需要在電腦面前工作來說…

2017 年 07 月 21 日css4 分鐘閱讀

圖解 CSS Flexbox（display: flex）排版教學，從外層容器到內部元件屬性，逐一說明 flexdirection、justifycontent…

2017 年 03 月 22 日css5 分鐘閱讀

CSS gird 在最近 Chrome 更新已經慢慢開始支援 (就是還很久才會完全支援的意思)，開始之前還是來介紹一些語法。與 CSS Flex 一樣，CSS…

2016 年 12 月 30 日css2 分鐘閱讀

相較於 Javascript 來說，CSS 的演進速度算是非常緩慢的，主要原因當然是瀏覽器的相容性，瀏覽器不太能因為新的特色加入而毀了以前所建置的網站。在這個…

2016 年 12 月 29 日css2 分鐘閱讀

在維護舊的專案很多必須放下自尊，用一些手段來維持成果的運作，但有些作法如果過於殘暴可能會影響到未來的維護，CSS important 就是一個很好用的手段，他可…

2016 年 12 月 28 日css1 分鐘閱讀

最後幾篇再來額外介紹一些小技巧，這些小技巧都是非常冷門的卻是實用的手法，分享給大家參考看看。

2016 年 12 月 27 日css2 分鐘閱讀

先前提到過有自幹過框架，主要的經驗是兩次，第三次就不再完全重新自幹了，每次到了最後都會發現有些概念不夠完美，然後修正前一版的錯誤再出發一次?後來發現自幹本身就有…

2016 年 12 月 26 日css3 分鐘閱讀

Sass 的 @extend 可以將相同的樣式整理再一起，在其他語言來說是非常帥氣的技法，但在 CSS 中請警慎使用。就如同本篇鐵人賽一開始所介紹到的 OOC…