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

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

Bootstrap 4 的 Grid System 是使用的是 CSS flex 來達到排版的效果。

BEM 是由 Yandex 團隊提出來的一種創新命名 Class 名稱的設計模式。

Sass（英文全稱：Syntactically Awesome Stylesheets），是一個將指令碼解析成 CSS 的手稿語言，即 SassScript。Sass 包括兩套語法。

CSS 專家密技 CSS Protips - 筆記

CSS SECRETS 筆記 - Ch5 文字編排。

CSS SECRETS 筆記 - Ch4 視覺效果。

CSS SECRETS 筆記 - Ch3 形狀。

CSS SECRETS 筆記 - Ch2 背景和邊框。

HTML & CSS 學習整理筆記。

三月每日 CSS Effect 練習。

二月每日 CSS Effect 練習。

在網頁排版時，一定會用到垂直置中，以下列出各種常用的垂直置中方法。

CSS float 用來定義區塊的浮動，常用來網頁排版像是文字繞圖或是區塊排版，可以設定靠左靠右。

運用 CSS transition、transform，製作按鈕滑動反轉的色塊。

運用 CSS 濾鏡（filter）製作出光暈效果，並加上 CSS 動畫。

Flex 是 CSS3 中，用來排版布局的屬性，可以更有效率的完成排版，有人說 flex 就像毒品一樣，用過就回不去了。

如果你是常切版的前端工程師，pug 絕對是你要的。pug 原名為 jade，後來由於商標的關係而改名，但語法不變。