iT邦幫忙

第 11 屆 iT 邦幫忙鐵人賽

DAY 5
11

大家好~ 我是 Amos,這次要跟大家分享的是切版的教學,如果您本身對於 HTML & CSS 的基礎還不了解的話,建議您可以先看去年鐵人的基礎教學

本篇重點問題回顧:

列出重點希望各位可以好好的將影片回放複習喔,另外幾個重點問題中,Amos已經有影片的會直接附上連結給各位參考取用。

完成檔位置

我的 codepen
NO005.zip

金魚都能懂的教學系列

鐵人雙主題挑戰中,歡迎訂閱一波

金魚都能懂的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎 系列

立刻訂閱 CSS可樂的網站/頻道享受精彩文章

Line搜尋「@CSScoke」加入CSS可樂公開帳號,可以收到 Amos 第一手資訊喔
CSS 可樂部落格
CSS coke 的 Youtube 直播頻道
快按此訂閱 CSS coke 的頻道接收最新教學
/images/emoticon/emoticon12.gif


上一篇
金魚都能懂的這個網頁畫面怎麼切 : 切一個交錯漂浮版
下一篇
金魚都能懂的這個網頁畫面怎麼切 : 1到5切版技巧原理彙整
系列文
金魚都能懂的這個網頁畫面怎麼切 - 金魚都能懂了你還怕學不會嗎31

2 則留言

1
PeterLiao
iT邦新手 5 級 ‧ 2019-09-21 16:21:44

謝謝 Amos 大大不藏私讓我學到 mt auto 的小撇步 ,
之前都只會改設 inline-block + vertical-align (sub/bottom/text-bottom 每個都試試哪個適合畫面)

1
咪醬
iT邦新手 5 級 ‧ 2019-11-22 14:21:05

今日最大收穫 :

1.object-fit: cover;
2.flex-wrap: wrap;

感謝Amos無私分享!!
/images/emoticon/emoticon41.gif

我要留言

立即登入留言