知乎上很多前端大佬說，要做好前端的話html和css基礎(chǔ)必須夯實。那么，達到什么水平才能叫基礎(chǔ)夯實呢?
1、拿到設(shè)計人員給的圖，不管是pc或者是移動端的圖，看一遍之后腦海中已經(jīng)有了很明確的結(jié)構(gòu)和頁面書寫過程中可能出現(xiàn)的兼容問題。
2、頁面在書寫的時候可以快速的寫出來適合該項目相關(guān)的reset.css。并且在書寫布局的適合可以借助編輯器的相關(guān)快捷鍵和相應(yīng)的標(biāo)記符，迅速把某一大模塊的結(jié)構(gòu)書寫出來，比如利用hbulider的table快捷鍵書寫快捷結(jié)構(gòu)，div>p.box$*4+p.text，并且做到一步到位準(zhǔn)確無誤。
3、結(jié)構(gòu)上書寫的時候，能合理的應(yīng)用適合并且快捷的布局方式，比如是用彈性盒子布局、響應(yīng)式布局、多列布局、雙飛翼、圣杯布局等等，快速的達到自己的目的，并且對于一些a、img等這些標(biāo)簽需要的alt、title、target這些屬性也會注意的添加上。
4、對于網(wǎng)頁結(jié)構(gòu)的優(yōu)化有一定的認(rèn)識，比如如何避免蜘蛛陷阱，如何對網(wǎng)站當(dāng)中用到的URL進行優(yōu)化，需不需要給網(wǎng)站當(dāng)中放入網(wǎng)站地圖等等。
5、每個不同的瀏覽器出現(xiàn)了兼容問題，解決方法是什么，哪些是必須要添加特定的過濾器才可以的，如果更完美的話就是能不能換一種方式來實現(xiàn)這個效果，繞過一些存在兼容的屬性，這樣從優(yōu)化上又可以減少了代碼量。
6、對于移動端在書寫的時候，各個單位之間的關(guān)系和用法比如rem、vw、vh、dpr、em等，并且知道對不同類型的移動端頁面布局，采用不同的方式來做，從而更適合實際的需求。
7、除了常見的一些網(wǎng)頁布局和css頁面書寫之外，對于一些其他的布局和css技巧也能做到熟練應(yīng)用，比如css實現(xiàn)各種居中、七種css方式讓一個容器水平垂直居中、全兼容的多列均勻布局問題、多列等高布局等。
8、曉得層疊順序(stacking level)與堆棧上下文(stacking context)、IFC、BFC、GFC 與 FFC等的相關(guān)概念和實際操作當(dāng)中的應(yīng)用。
需要說的東西太多了，其實這些東西如果想要熟悉熟練的掌握到位的話，更多的是需要做大量的一個練習(xí)，并且在大量的練習(xí)和項目書寫過程中，不斷的總結(jié)自己的經(jīng)驗并且記錄下來，最后才能夠變成自己的東西，很多東西都是需要從量變到質(zhì)變的過程，所以聽別人的經(jīng)驗再多都不如你親自的去實際的操作，這樣才會有效果。
本文由培訓(xùn)無憂網(wǎng)千鋒教育課程顧問老師整理發(fā)布，更多課程信息可關(guān)注web前端培訓(xùn)或添加老師微信：15033336050
注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://elsolbar.com/news-id-5202.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注web前端頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多：150 3333 6050
