iT邦幫忙

鐵人檔案

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

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

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

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

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

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

2021-09-10 ‧ 由 豹告 分享
DAY 2

【心得】Sublime TexT 3 即時連線

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

2021-09-11 ‧ 由 豹告 分享
DAY 3

【心得】Notion筆記軟體

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

2021-09-12 ‧ 由 豹告 分享
DAY 4

【心得】連結CSS的方法

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

2021-09-13 ‧ 由 豹告 分享
DAY 5

【心得】Google Fonts使用

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

2021-09-14 ‧ 由 豹告 分享
DAY 6

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

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

2021-09-15 ‧ 由 豹告 分享
DAY 7

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

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

2021-09-16 ‧ 由 豹告 分享
DAY 8

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

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

2021-09-17 ‧ 由 豹告 分享
DAY 9

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

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

2021-09-18 ‧ 由 豹告 分享
DAY 10

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

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

2021-09-19 ‧ 由 豹告 分享