怎樣學好HTML和CSS基礎？看您的問題是不打算涉足前端領域了，我相信你從網(wǎng)上也看的到大家的評論，前端門檻低很難學等等言論，反正呢，好多東西也是最開始簡單，做到做深熟練的掌握轉(zhuǎn)眼間精通很容易。聽完ht

怎樣學好HTML和CSS基礎？

看您的問題是不打算涉足前端領域了，我相信你從網(wǎng)上也看的到大家的評論，前端門檻低很難學等等言論，反正呢，好多東西也是最開始簡單，做到做深熟練的掌握轉(zhuǎn)眼間精通很容易。

聽完html和css估計要說過各種布局了，簡單的說也就是寫頁面，我的建議是千萬不能急著剛學了個標簽就去搞頁面，可以先再試試這個標簽什么展示效果，是塊級元素應該行內(nèi)元素，是用處寫文字內(nèi)容的那就寫標題的或則用來做容器的。

等明白了這些基礎的，這個可以找?guī)讉€簡單點頁面來練手，漸漸地的提高奇怪度，之后可以找些電商頁面來先模仿，畢竟電商嘛東西多UI好看，展示更多形式豐富，把這個搞定了大體上可以算最后一關了。

再是要學習下HTML5新標簽，它增加了很多語義化標簽什么headerfooternavsection等，這樣的抄下來的也就一眼便知，不必要用class來怎么分辨了，實際上新標簽作用遠不僅僅于此。

況且css，我都覺得先能夠掌握一些基本都的，容器的寬高邊框背景色，文字大小顏色行高，塊級元素的行內(nèi)排列float也可以flex布局，盒模型啥的，元素特殊能量位置定位position等等吧。先把最最基礎的搞定，有了總覺得想做個什么樣式搜再看看就不出來了。

學習資料方面也可以查查w3school，也可以網(wǎng)易云課堂，騰訊課堂，慕課網(wǎng)等視頻教程，有付費的也有需要付費三階的。

IDE呢也就是編輯器有webstorm，hbuilder，vscode，sublime等吧，每個人有差別的使用感受，你可以多想體驗幾個，選一個劈手的。

千言萬語也說不完，到最后祝你好運去學習成功了，有啥不知道怎么樣這個可以參與我私聊我啥的，我也是三枚前端，可以不一起學習互相交流，多多分享些經(jīng)驗。

HTML5入門基礎知識點瑣粹，記憶性的內(nèi)容都很多。自己苦記都是需要下功夫的，要是有老師的講解，我相信很快地這個可以表述。在表述的基礎上，請勿必手動練習，竟像我們的英語為啥學不好，是不完全口語表達練習。加我一二四零七三九一七九，代碼確實是極為，在表述的基礎上，一定去敲，當然寫幾個html，轉(zhuǎn)眼基礎階段結束后后寫兩個發(fā)下的靜態(tài)頁面出來。能夠順利的話，已經(jīng)這個可以能夠完成前端頁面的重構。所以才多寫多練習練習，多背，也可以私戳我，發(fā)到郵箱你基礎自學的資料

怎么讓span在div中垂直居中？

1、簡單先打開hbuilder軟件，新建任務一盒html文件，寫入一個外圍的div容器標簽，div中系統(tǒng)設置一個span標簽：

2、接著在上方設置style標簽，在里面設置中div的字體，高度和寬度包括背景顏色的屬性，同樣的設置div的display屬性為table-cell，將它可以設置為表格元素，然后再系統(tǒng)設置橫向左對齊vertical-align屬性為中間左面，在span標簽中不系統(tǒng)設置高度和寬度就是可以垂線居左了：

3、之后然后打開瀏覽器就可見到垂線橫列的效果了：