iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
自我挑戰組

網頁學習雜記 系列

原本想寫的主題,
我決定報名到主題競賽去,
這裡我想分享一些跟網頁有關的內容,
可能是不錯的教學影片、網站或是其他。

鐵人鍊成 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11 | 我的心路歷程 - Part 3

看完了金魚系列之後, 我整個看 HTML/ CSS 的角度整個都不同了, 也很好奇 Amos 的暴力班究竟會教得有多詳細, 剛好那時候他新的暴力班在招生, 我就...

2020-09-26 ‧ 由 Zombie@Dump 分享
DAY 12

Day 12 | 我的 HTML 筆記

分享一下之前看金魚系列時整理的筆記, 附上金魚原本的連結: 金魚都能懂的網頁設計入門:再談HTML Html 標籤 主標題:h1 副標題:h2 小標題:h...

2020-09-27 ‧ 由 Zombie@Dump 分享
DAY 13

Day 13 | 我的 CSS 學習筆記

金魚都能懂網頁設計入門 : 網頁裝潢師CSS CSS Cascading Style Sheet 階層式樣式表 inline-style:比較少使用,維護...

2020-09-28 ‧ 由 Zombie@Dump 分享
DAY 14

Day 14 | 我的 CSS 筆記 - Part 2

金魚都能懂網頁設計入門 : 區塊尺寸計算 佔據空間的計算 預設情況下,一個物件在畫面上所佔據的空間,包含 margin(外距)、width(寬度)、 padd...

2020-09-29 ‧ 由 Zombie@Dump 分享
DAY 15

Day 15 | inline 與 block 的愛恨情仇

之前被朋友敲碗, 叫我寫一篇解釋 inline 跟 block, 今天就來講一下他們好了, 雖然我前面的 CSS 筆記有稍微講過了, 但就想說拉一些想要獨立講的...

2020-09-30 ‧ 由 Zombie@Dump 分享
DAY 16

Day 16 | 欸!不要這麼浮動好不好

今天想要來整理一下清除浮動 float 的方式, 只要有使用到 float,腦袋一定要自動聯想到清除浮動, 他們兩個就是這麼密不可分~ 1. clearfix...

2020-10-01 ‧ 由 Zombie@Dump 分享
DAY 17

Day 17 | 就是不保持安全社交距離 - inline-block 空白

今天就來整理,如何消除使用 inline-block 時, 那個惱人的安全社交距離吧(痾不是啦,是空白間距)。 怕有人不理解我在講什麼, 我先上範例檔讓大家知道...

2020-10-02 ‧ 由 Zombie@Dump 分享
DAY 18

Day 18 | 還是保持一點安全距離好惹 - li 分隔線

為了安全,我覺得還是讓 li 之間保持一點社交距離好了, 所以來講一下幾種做 li 分隔線的方法。 這之前你要先知道什麼是跟屁蟲選取器,以下的範例都會使用到。...

2020-10-03 ‧ 由 Zombie@Dump 分享
DAY 19

Day 19 | 不是那種網美濾鏡的 filter

今天想要來介紹一個 CSS 屬性 - filter, 這個 filter 在想要做 png 的陰影的時候很好用, 或是你想要讓彩色的照片變黑白 or 變懷舊,都...

2020-10-04 ‧ 由 Zombie@Dump 分享
DAY 20

Day 20 | 我變我變我變變變 - transform

最近剛好工作上被 transform 搞得超級煩, 決定就來介紹一下他。 剛剛認真去看了一下有哪些值, 發現 transform 有一個叫 matrix 的東東...

2020-10-05 ‧ 由 Zombie@Dump 分享