請啟用 Javascript 查看內容

甜點電商 - 切版練習

 ·  ☕ 1 分鐘

切版練習,使用 BEM 命名 + Sass 模組化 + Bootstrap4 Grid System。

舊 Blog 原文

位置

CSS 排序

  • Concentric-CSS

命名規範

  • 前綴
    • l- layout
    • m- modules
    • e- element
    • p- pages
    • h- helpers
  • BEM
    • Block__Element_Modifier

Grid System

  • Bootstrap4

其他

  • 使用rem 單位
  • flex 排版

竹白
作者
竹白
前端筆記

文章目錄