鐵人檔案
介紹一下自己 大家好，我是 Zombie@Dump，住在垃圾場的喪屍。 今年年初時離開前份工作準備轉職，沒想到碰上疫情，出國玩的計畫泡湯，只好很認真的配合防疫，...
講到切版，其中最重要的就是各種定位 position 啦～CSS 中的定位有：static | fixed | relative | absolute | st...
今天要介紹的這幾種偽類 pseudo-class，算是 CSS 中使用率最頻繁的幾個，我自己很常忘記這幾個的優先權順序，所以特地寫一篇筆記下來。 什麼是偽類？...
今天要來舉例子了，廢話不多說直接開始。要用到的 HTML 只有這行 <a href="#">Zombie@Dump</a&...
切版時，如果遇到裝飾性的元素，大多會使用偽元素 pseudo-element 來製作，在我自己的切版經驗中，我覺得他們是網頁很靈魂的存在。 什麼是偽元素？ A...
今天要來講 金魚都能懂的這個網頁畫面怎麼切: No.001 - 圖文滿版區塊 未來的程式碼範例，前面都會有一個 css reset * { margin:...
昨天介紹了多重背景的用法，今天想挑戰一樣的畫面，用不同的方法做出來。 切版沒有絕對的對跟錯，只有適合什麼情境或是在什麼條件下相比起來比較好，多嘗試練習才能發掘...
今天要來講 金魚都能懂的網頁切版 : 不規則邊緣 NO021通常這類的圖都會直接請設計師作圖出來，只是讓大家知道有做圖之外的方式，藉此能更靈活的運用 CSS 。...
今天想要分享一下我看 Youtube 看到的效果，先分享連結，裡面有使用到的 wave.png 請直接 YT 下載。 本篇關鍵字 animation @...
今天要來講 金魚都能懂的網頁切版 : 導覽列 NO007，切版網頁，免不了得製作導覽列，算是非常非常基本的要求，前期我在練習切版的時候，常常莫名其妙的就卡住做不...
