鐵人檔案
看完了金魚系列之後，我整個看 HTML/ CSS 的角度整個都不同了，也很好奇 Amos 的暴力班究竟會教得有多詳細，剛好那時候他新的暴力班在招生，我就跑去報名...
分享一下之前看金魚系列時整理的筆記，附上金魚原本的連結：金魚都能懂的網頁設計入門：再談HTML Html 標籤 主標題：h1 副標題：h2 小標題：h3（...
金魚都能懂網頁設計入門 : 網頁裝潢師CSS CSS Cascading Style Sheet 階層式樣式表 inline-style：比較少使用，維護...
金魚都能懂網頁設計入門 : 區塊尺寸計算 佔據空間的計算 預設情況下，一個物件在畫面上所佔據的空間，包含 margin（外距）、width（寬度）、 padd...
之前被朋友敲碗，叫我寫一篇解釋 inline 跟 block，今天就來講一下他們好了，雖然我前面的 CSS 筆記有稍微講過了，但就想說拉一些想要獨立講的內容出來...
今天想要來整理一下清除浮動 float 的方式，只要有使用到 float，腦袋一定要自動聯想到清除浮動，他們兩個就是這麼密不可分～ 1. clearfix 在浮...
今天就來整理，如何消除使用 inline-block 時，那個惱人的安全社交距離吧（痾不是啦，是空白間距）。 怕有人不理解我在講什麼，我先上範例檔讓大家知道是什...
為了安全，我覺得還是讓 li 之間保持一點社交距離好了，所以來講一下幾種做 li 分隔線的方法。 這之前你要先知道什麼是跟屁蟲選取器，以下的範例都會使用到。 範...
今天想要來介紹一個 CSS 屬性 - filter，這個 filter 在想要做 png 的陰影的時候很好用，或是你想要讓彩色的照片變黑白 or 變懷舊，都可以...
最近剛好工作上被 transform 搞得超級煩，決定就來介紹一下他。 剛剛認真去看了一下有哪些值，發現 transform 有一個叫 matrix 的東東，但...
