為何現(xiàn)在前端很少有網(wǎng)站使用FLEX布局？因?yàn)閒ldiv 行高設(shè)完后還是沒有垂直居中？通過(guò)flflex怎么設(shè)置自動(dòng)換行的布局？Flex-align:默認(rèn)設(shè)置垂直對(duì)齊，取值為:起點(diǎn)、終點(diǎn)、中心、拉伸、基線

為何現(xiàn)在前端很少有網(wǎng)站使用FLEX布局？

因?yàn)閒l

div 行高設(shè)完后還是沒有垂直居中？

通過(guò)fl

flex怎么設(shè)置自動(dòng)換行的布局？

Flex-align:默認(rèn)設(shè)置垂直對(duì)齊，取值為:起點(diǎn)、終點(diǎn)、中心、拉伸、基線。

Flex-pack:設(shè)置如何在子元素之間分配額外的空間。值:開始、結(jié)束、居中、對(duì)齊。

Flex-direction:設(shè)置子元素的排列，行、行反轉(zhuǎn)、列、列反轉(zhuǎn)。

Fl《Buid New World》，有一集專門介紹CSS3的復(fù)雜布局形式。

怎樣學(xué)好HTML和CSS基礎(chǔ)？

看你的問(wèn)題。你將要涉足前端領(lǐng)域。相信你也能從網(wǎng)上看到你的評(píng)論，前端門檻低，簡(jiǎn)單易學(xué)。其實(shí)很多事情一開始都很簡(jiǎn)單，直到精通才很難做好。

說(shuō)到html和css，肯定要提到布局。簡(jiǎn)而言之，就是寫頁(yè)面。我的建議是不要?jiǎng)倢W(xué)會(huì)一個(gè)標(biāo)簽就急著做頁(yè)面。可以先試試這個(gè)標(biāo)簽的顯示效果，不管是塊級(jí)元素還是行內(nèi)元素，不管是用來(lái)寫文本內(nèi)容，標(biāo)題還是容器。

當(dāng)你理解了這些基礎(chǔ)，你就可以找?guī)讉€(gè)簡(jiǎn)單的頁(yè)面來(lái)練習(xí)，慢慢增加復(fù)雜度。最后可以找一些電商頁(yè)面來(lái)模仿，因?yàn)殡娚逃泻芏嗥恋腢I和各種各樣的展示形式，把這個(gè)做好基本就是過(guò)關(guān)了。

然后我們要學(xué)習(xí)新的HTML5標(biāo)簽，它增加了很多語(yǔ)義標(biāo)簽，比如頁(yè)眉頁(yè)腳nav section等。，這樣寫出來(lái)的東西一目了然，不用用階級(jí)來(lái)區(qū)分。事實(shí)上，新標(biāo)簽的功能不止于此。

至于css，我覺得首先要掌握一些基礎(chǔ)，比如容器的寬度和高度，邊框的背景顏色，文字的大小。顏色線高度、塊級(jí)元素的浮動(dòng)或伸縮布局線、框模型等等、元素特殊位置定位位置等等。先把最基本的事情做好，當(dāng)你想做一種風(fēng)格時(shí)，就去尋找它。

學(xué)習(xí)資料方面，可以看看w3school，或者網(wǎng)易云課堂、騰訊課堂、海量開放在線課程網(wǎng)等視頻教程，有免費(fèi)的也有付費(fèi)的。

IDE，即編輯器包括webstorm、hbuilder、vscode、sublime等。每個(gè)人的體驗(yàn)都不一樣，可以多體驗(yàn)幾個(gè)，選一個(gè)方便的。

千言萬(wàn)語(yǔ)可以 還沒結(jié)束。最后祝你學(xué)習(xí)順利。如果你不 我什么都不知道，你可以關(guān)注我，相信我。我也是前端。我們可以學(xué)會(huì)互相交流，一起分享一些經(jīng)驗(yàn)。

HTML5入門的基礎(chǔ)知識(shí)點(diǎn)比較瑣碎，有很多值得記憶的內(nèi)容。自己努力學(xué)習(xí)也是必要的。如果有老師 s的解釋，相信很快就明白了。在理解的基礎(chǔ)上，請(qǐng)一定要手動(dòng)練習(xí)，就像為什么我們可以 我們學(xué)不好英語(yǔ)，因?yàn)槲覀內(nèi)狈陬^表達(dá)練習(xí)。加我1240739179，代碼也是。在理解的基礎(chǔ)上，一定要打字寫一些html，直到基礎(chǔ)階段之后寫完一個(gè)完整的靜態(tài)頁(yè)面。順利的話可以重構(gòu)前端頁(yè)面。所以多寫，多練，多背，可以私信我，給你發(fā)基礎(chǔ)學(xué)習(xí)資料。