iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

前進切版之路! CSS微體驗 系列

從 0 開始的初學者轉職筆記~
透過寫筆記的方式重新釐清自己的思緒,並把筆記整理的淺白易懂,方便未來的自己不會看的一頭霧水
在這邊分享自己踩過的坑以及解決的方法
希望我可以撐過30天!!加油

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

前進切版之路! CSS微體驗 (第一天)

從一般大學文學院畢業之後,茫茫在職場漂泊了幾年。雖然工作穩定但總缺乏了熱情與新意,隨著年齡增長越來越擔心沒有一技之長會被市場給淘汰掉。 因緣際會之下開始接觸網站...

2021-09-10 ‧ 由 feifeiseal 分享
DAY 2

【心得】Sublime TexT 3 即時連線

一開始學習時用Sublime,久了之後也成為一種習慣(,,・ω・,,) 但是初學者很喜歡寫一步驟就要F5一次看看效果(充滿不安全感的新手) 當體驗過VScode...

2021-09-11 ‧ 由 feifeiseal 分享
DAY 3

【心得】Notion筆記軟體

【心得】Notion筆記軟體 自知自制力不好且記憶力有限(,,・ω・,,) 從以前我就有寫手帳跟做筆記的習慣 實體的手帳跟筆記雖然翻閱方便很多 但每年都要挑挑撿...

2021-09-12 ‧ 由 feifeiseal 分享
DAY 4

【心得】連結CSS的方法

在沒有CSS裝潢以前的HTML看起來.... 就是一堆文字擠在一起的毛胚房ಠ౪ಠ 看起來當然不是那麼的好看... 今天就來介紹該怎麼讓CSS文件跟HTML連結~...

2021-09-13 ‧ 由 feifeiseal 分享
DAY 5

【心得】Google Fonts使用

練習刻板面時常常會遇到形形色色的字體 但若不是電腦本身有下載該字體的話,即便設定了還是會以預設字體呈現...這樣版面看起來就差了幾分味道 這時候就可以使用Goo...

2021-09-14 ‧ 由 feifeiseal 分享
DAY 6

【踩坑】codepen沒有出現fontawesome的icon!

有時候想要刻一些小物件,或是需要分享程式碼給人以便請教問題 我都會使用codepen (真的是初學者很棒的輔助工具) 它可以搭配Notion,讓人更做筆記更有效...

2021-09-15 ‧ 由 feifeiseal 分享
DAY 7

【心得】你今天青蛙了嗎? Flex之路-align-items vs. align-content 傻傻分不清楚

前言 據說在好久以前(並沒有多久!),在神器flex出現以前都要自己計算尺寸下去做排版 自從Flex出現之後,很多人都染上了毒癮,從此踏上不歸之路~ 聽到就嚇到...

2021-09-16 ‧ 由 feifeiseal 分享
DAY 8

【心得】你今天青蛙了嗎?flex之路-flex設定了寬卻沒有用???

前言 曾經有一段瞎摸索的時間,老是不知道為什麼flex時靈時不靈 歪著腦袋想不通為什麼... 直到摸清楚觀念之後發現不是flex不靈,是我的腦袋沒開竅呀!!!...

2021-09-17 ‧ 由 feifeiseal 分享
DAY 9

【心得】你今天種菜了嗎? grid之路-grid的使用(1)

前言 最近練習切版,遇到這種排版時就開始算尺寸 想著要怎麼切才好(思考) flex、float、inline-block 都可以 但怎麼可以忘記grid呢!!...

2021-09-18 ‧ 由 feifeiseal 分享
DAY 10

【心得】你今天種菜了嗎? grid之路-grid的使用(2)

前言 昨天介紹了用grid-template-areas 來填格子 grid-template-areas: "black1 ........

2021-09-19 ‧ 由 feifeiseal 分享