系列文章
DAY 1
前端新手進化史 - 前傳
前言 故事是這樣的，本身是畢業於經濟系，在 2019 年 5 月的某一天意外「得知了前端這個名詞」，當時連 CSS 是什麼碗糕都沒聽過，一個禮拜後「決定入坑前端...
DAY 4
基礎 box model (上)
文章將陸續整理並更新至個人部落格。 想像每個元素都是一個盒子，<html> 像是個超級大盒子，裡面裝著各式各樣的盒子，盒子又可以裝盒子，一個...
DAY 5
基礎 box model (下)
文章將陸續整理並更新至個人部落格。 在上一篇文章 基礎 box model (上) 中，認識了 box model 的長相，這篇將來看看 box mod...
DAY 6
Collapsing margins
文章將陸續整理並更新至個人部落格。 一、什麼是 Collapsing margins？ 先來看一段 W3C 規範 的敘述： In CSS, the a...
DAY 7
混血兒 inline-block
文章將陸續整理並更新至個人部落格。 inline-block 就像是 HTML 中 inline 和 block 兩大角頭聯姻下的產物，來看看他遺傳了哪...
DAY 9
番外篇 - 胡搞 box-shadow(上)
文章將陸續整理並更新至個人部落格。 box-shadow 通常像是個可有可無的角色，但其實他也可以變出好玩的花樣，在展現影分身之術前，還是先來打個基本功...
DAY 10
番外篇 - 胡搞 box-shadow (中)
文章將陸續整理並更新至個人部落格。 咦，box-shadow 和 box model 唸起來很像? 他們的確有關聯沒錯!還記得 box model 是由...