iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

切版與CSS:打造工具箱與切版施工流程! 系列

轉往前端的第一大關便是切版,這工藝主要由HTML5、CSS3作為底層技術,搭配切版心法,並在各家瀏覽器上呈現畫面,切版是種思維,面對更複雜的細節,要考量到變動彈性,合乎設計邏輯與使用者體驗,並且預防各種爆掉,跑版情況。本系列整理我在學習過程遇過困惑與體會,每個人或許遇到的痛點都不同,這裡就單純分享個人經驗,能提供些見解是我的榮幸,如果內容有技術上不完備之處,歡迎留言交流。

鐵人鍊成 | 共 30 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v7.0
DAY 1

Day01 系列介紹 切版與CSS:打造工具箱與切版施工流程

切版與CSS:打造工具箱與切版施工流程! 轉往前端的第一大關便是切版,這工藝主要由HTML5、CSS3作為底層技術,搭配切版心法,並在各家瀏覽器上呈現畫面,切版...

2023-09-16 ‧ 由 Jessie 分享
DAY 2

Day02 腦容量爆炸!打造你的切版工具箱

初入CSS,會被他豐富的屬性嚇到以為要玩記憶力大考驗,我曾經就把MDN的側欄屬性給他一個個看過(佩服自己的刻苦耐勞),後來隔天就忘了。經過幾番無功、探索與混亂...

2023-09-17 ‧ 由 Jessie 分享
DAY 3

Day03 學習看文件W3C,武林秘笈之文件意識

看不懂啊 起初,跑去問問題,得到一則W3C官方規範網址,我試圖集中注意力,想要看透它,每個單字都懂意思,合在一起就看不懂了。是天書無誤,心想,規範有夠難看懂,...

2023-09-18 ‧ 由 Jessie 分享
DAY 4

Day04 問問題Debug!人生持續的修煉

當我還是個小小白時,我很困惑的就是,要怎樣問問題?不想當伸手牌,要不是在那困住很久,就是你的行為不得不就是個伸手牌,真是兩難。我突然意識到,會問問題真的好重要...

2023-09-19 ‧ 由 Jessie 分享
DAY 5

Day05 CSS書籍資源查找分享

現在能借就用借的,如果沒有找到、想珍藏或很常用,會買實體書,每隔一陣子實體書會做流動,把已經不會再看的給需要的朋友或售出,售後收入再來購書,生生不息,剛剛好...

2023-09-20 ‧ 由 Jessie 分享
DAY 6

Day06 談談CSS重要概念

Like HTML, CSS is not a programming language. It's not a markup language either....

2023-09-21 ‧ 由 Jessie 分享
DAY 7

Day07 CSS區分大小寫嗎?談談CSS語法

我曾經在不同貼文上看見CSS區分大小寫,或CSS不區分大小寫的說法,也自己試試看過,有時可以,有時不可以,所以到底是怎樣呢?讓規範幫我們解謎吧! 語法Synta...

2023-09-22 ‧ 由 Jessie 分享
DAY 8

Day08 Box Modle: Margin? Collapsing margins外距折疊?Padding?

初學時Margin、Padding傻傻分不清楚,心想反正畫面有就好了,被問了『你何時用Margin?何時用Padding?』,於是針對這個議題展開了追尋。這裡會...

2023-09-23 ‧ 由 Jessie 分享
DAY 9

Day09 CSS之夾娃娃機, 選擇器Selector是什麼?

某次Code Review學長對我說,你知道選擇器嗎?我說大概知道。他說你要能夠做到我指哪個你就可以選到哪個,所以他就隨意指個地方,問我『你要怎樣才能選得到?』...

2023-09-24 ‧ 由 Jessie 分享
DAY 10

Day10 Pseudo-偽兄弟 : 偽類Class與 偽元素Element,傻傻分不清?

偽類與偽元素,很常讓人突然想不起誰是誰?好像是雙胞胎似的。剛開始學的時候真的頭很大,後來發現這兩位很不同功能啊,也聽說,2.2版本時,他們都是(:),都只有一個...

2023-09-25 ‧ 由 Jessie 分享