分類: CSS

CSS JavaScript 選取

該如何避免使用者透過滑鼠選取特定元素？

有些時候，我們網站上可能有某些區塊會不想要讓使用者可以選取，那麼這一篇就來記錄一下有哪些方式可以避免使用者選取特定元素。

2024-05-05 3 分鐘閱讀

閱讀全文

Reset CSS Normalize.css

Reset CSS 與 Normalize.css 差異

很久很久沒有寫跟 CSS 相關的文章了，所以這一篇就稍微寫一下 Reset CSS 跟 Normalize.css 的差異。

2021-08-07 6 分鐘閱讀

閱讀全文

Bootstrap 5 Bootstrap 4

什麼！Bootstrap 4 變成 Bootstrap 5 了

這一篇將會來介紹 Bootstrap 4 更新成 Bootstrap 5 有什麼樣的變化。

2021-02-05 10 分鐘閱讀

閱讀全文

CSS CSS 設計模式 7+1 設計模式

淺談 CSS 設計模式系列-Sass 7-1 Pattern 篇

7+1 的設計模式主要是在講目錄結構的區分，早期開發 CSS 時只能將所有檔案放在同一個地方，那麼這樣就會導致維護上的困擾，因此在開發 Sass 時就可以搭配 @import 然後使用資料夾區分相關檔案，也就是所謂的 Sass 7-1 Pattern。

2020-05-23 2 分鐘閱讀

閱讀全文

CSS CSS 設計模式 BEM

淺談 CSS 設計模式系列-BEM 篇

BEM 是一個為了讓 class 有更好地維護架構 CSS 設計模式，但最主要的致命缺點就是命名長度過長，可是在實際開發上非常多人都會使用到 BEM。

2020-05-17 5 分鐘閱讀

閱讀全文

CSS CSS 設計模式 OOCSS

淺談 CSS 設計模式系列-OOCSS 篇

OOCSS 是 CSS 設計模式的另一種，其中最主要代表的框架就是 Bootstrap。

2020-05-17 3 分鐘閱讀

閱讀全文

CSS CSS 設計模式 SMACSS

淺談 CSS 設計模式-SMACSS 篇

CSS 設計模式是一個觀念、規範以及心法，最主要就是要替我們提高開發與維護的效率。

2020-05-16 6 分鐘閱讀

閱讀全文

CSS

純 CSS 愛心繪畫方式

由於在製作 Vue 出一個女友的練習發現有一個 CSS 不會寫，所以這邊紀錄一下該如何用 CSS 寫出一個愛心~

2019-08-03 1 分鐘閱讀

閱讀全文

CSS

用CSS來判別跑版

有時候我們在做 CSS 切版的時候常常會發生跑版的狀況，但是一般瀏覽器並沒有辦法提供給我們格線系統，所以這邊紀錄一下使用 CSS 來開啟格線。

2019-05-09 1 分鐘閱讀

閱讀全文

CSS

中國第五屆CSS開發者大會@張鑫旭

今年2019年3月20日，中國在深圳舉辦了由 W3C、 W3ctech的 CSS 開發者大會，目前在 Youtube 也有影片可以觀看，在這邊作為一個紀錄練習，本文參考張鑫旭來製作撰寫。

2019-04-13 11 分鐘閱讀

閱讀全文