第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定

Grid布局基礎(chǔ)

難度中級
時(shí)長 3小時(shí)18分
學(xué)習(xí)人數(shù)
綜合評分9.17
18人評價(jià) 查看評價(jià)
9.6 內(nèi)容實(shí)用
8.4 簡潔易懂
9.5 邏輯清晰
謝謝老師,老師辛苦,就是聲音不太清晰
老師講的好詳細(xì),愛了愛了
聽了兩遍,加不加 fit content()看不出有什么區(qū)別?什么情況才會(huì)用這個(gè)函數(shù)沒講
一個(gè)固定值加一個(gè)repeat()為什么沒有把頁面寬度給填滿?
最后一節(jié)課老師總結(jié)時(shí)候 強(qiáng)調(diào)的是那四頁?不是只一個(gè)頁面嗎?
參考老師某某集團(tuán)智能云數(shù)據(jù)中心布局,有需要的同學(xué)可以看一下 github:https://github.com/ar414-com/web/tree/master/htmlgrid
EWL
float/columns/clear/vertical-align不生效的部分是網(wǎng)格容器的網(wǎng)格項(xiàng),也就是網(wǎng)格容器中包含的子項(xiàng)這些屬性不會(huì)再生效,這樣講會(huì)更清晰一些,最開始我誤以為是容器的這些元素不生效。
慕課網(wǎng)很好,能將相對新的技術(shù)教程視頻免費(fèi)奉獻(xiàn)出來給人學(xué)習(xí),真的很棒 ,為其點(diǎn)贊!
.container {
place-items: <align-items> / <justify-items>;
}


.container {
grid-gap: <grid-row-gap> <grid-column-gap>;
}


先垂直后水平,方向一致!?。?/div>
MDN上沒有用行和列的方式去描述items,而是明確為水平方向或垂直方向?qū)R。因而開篇對items描述為沿著行方向或列方向的詞語直接導(dǎo)致實(shí)例最后結(jié)論為行列參數(shù)和gap相反。如果按講師的定義是沒錯(cuò)。但是容易產(chǎn)生混淆。最好用水平方向或垂直方的描述,而且和gap之類參數(shù)順序沒有比較可言
我的理解是對的。gap的行間距指的的垂直(行)方向的間距。同樣,place-items的行對齊指的也是垂直(行)方向的對齊方式。講師錯(cuò)誤將一行內(nèi)(水平方向)的每個(gè)網(wǎng)格項(xiàng)的列對齊方式視作行對齊方式。gap、items、content的簡寫方向是一致的!望更正?。?!
為什么視頻中我看到的place-items是按“行,列”簡寫的呢?!視頻中說反了。place-items:"start end"渲染結(jié)構(gòu)為右上角---行為start,列為end
這個(gè)課程結(jié)束了沒
老師講的非常細(xì)致,之前自己杜宇這塊只是大概了解,看了視頻教程更加深入的學(xué)習(xí)了一下,這個(gè)適合布局提升的學(xué)習(xí),很實(shí)用!
課程須知
學(xué)習(xí)之前需要掌握HTML基礎(chǔ)、CSS基礎(chǔ),position、float、以及flex布局。
老師告訴你能學(xué)到什么?
學(xué)會(huì)使用Grid布局實(shí)現(xiàn)二維網(wǎng)格布局系統(tǒng),靈活盡心布局,學(xué)會(huì)更主流、更簡潔的布局方案。

微信掃碼,參與3人拼團(tuán)

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復(fù)購買,感謝您對慕課網(wǎng)的支持!

本次提問將花費(fèi)2個(gè)積分

你的積分不足,無法發(fā)表

為什么扣積分?

本次提問將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請點(diǎn)擊 "確定"

為什么扣積分?

舉報(bào)

0/150
提交
取消