怎樣學(xué)好HTML和CSS基礎(chǔ)？看您的問(wèn)題是打算提及前端領(lǐng)域了，我相信你從網(wǎng)上也可以看到大家的評(píng)論，前端門(mén)檻很低不容易學(xué)等等言論，不過(guò)呢，好多東西全是剛開(kāi)始簡(jiǎn)單的，做好做深熟練轉(zhuǎn)眼精通很難。說(shuō)起html

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

看您的問(wèn)題是打算提及前端領(lǐng)域了，我相信你從網(wǎng)上也可以看到大家的評(píng)論，前端門(mén)檻很低不容易學(xué)等等言論，不過(guò)呢，好多東西全是剛開(kāi)始簡(jiǎn)單的，做好做深熟練轉(zhuǎn)眼精通很難。

說(shuō)起html和css當(dāng)然要提及房間的布局了，簡(jiǎn)單點(diǎn)說(shuō)也就是寫(xiě)頁(yè)面，我的建議是千萬(wàn)不能急著剛學(xué)了個(gè)標(biāo)簽就去搞頁(yè)面，是可以先再試試這個(gè)標(biāo)簽什么展示效果，是塊級(jí)元素應(yīng)該行內(nèi)元素，是利用寫(xiě)文字內(nèi)容的應(yīng)該寫(xiě)標(biāo)題的也可以單獨(dú)做容器的。

等知道了這些基礎(chǔ)的，這個(gè)可以找?guī)讉€(gè)簡(jiǎn)單點(diǎn)頁(yè)面來(lái)練手，漸漸的減少緊張度，之后可以找些電商頁(yè)面來(lái)怎么模仿，而且電商嘛東西多UI絕對(duì)好看，可以展示主題多樣，把這個(gè)一切都搞定了大體上算得能過(guò)關(guān)了。

再那是要去學(xué)習(xí)下HTML5新標(biāo)簽，它提升了很多語(yǔ)義化標(biāo)簽什么headerfooternavsection等，那樣寫(xiě)出來(lái)的也就一幕了然，用不著用class來(lái)可以區(qū)分了，事實(shí)上新標(biāo)簽作用遠(yuǎn)不止于此。

不過(guò)css，我總覺(jué)得先能夠掌握一些基本的，容器的寬高邊框背景色，文字大小顏色行高，塊級(jí)元素的行內(nèi)順序排列float或者flex布局，盒模型啥的，元素特殊能量位置定位position等等吧。先把最最基礎(chǔ)的一切搞定，有了總覺(jué)得想做個(gè)什么樣式搜一下就進(jìn)去了。

學(xué)習(xí)資料方面也可以看下w3school，也可以網(wǎng)易云課堂，騰訊課堂，慕課網(wǎng)等視頻教程，有付費(fèi)的也有付費(fèi)晉階的。

IDE呢也就是編輯器有webstorm，hbuilder，vscode，sublime等吧，每個(gè)人有完全不同的使用感受，你是可以多可以體驗(yàn)幾個(gè)，選一個(gè)信手的。

千言萬(wàn)語(yǔ)也說(shuō)不完，結(jié)果最后祝學(xué)習(xí)能夠順利，有啥不懂得這個(gè)可以關(guān)注我私信我啥的，我都是那枚前端，是可以一起學(xué)習(xí)互相交流，分享些經(jīng)驗(yàn)。

HTML5入門(mén)基礎(chǔ)知識(shí)點(diǎn)鎖碎，記憶性的內(nèi)容也很多。自己苦記也是是需要下功夫的，要是有老師的講解，完全相信迅速也可以解釋。在再理解的基礎(chǔ)上，請(qǐng)務(wù)必小心手動(dòng)去練習(xí)，看上去像我們的英語(yǔ)為什么不學(xué)不好，是有了口語(yǔ)表達(dá)練習(xí)。加我一二四零七三九一七九，代碼也是這般，在理解的基礎(chǔ)上，肯定會(huì)去敲，一定寫(xiě)幾個(gè)html，直到最后基礎(chǔ)階段都結(jié)束了后寫(xiě)個(gè)求下載的靜態(tài)頁(yè)面出來(lái)。成功的話，已經(jīng)可以結(jié)束前端頁(yè)面的重構(gòu)。因此多寫(xiě)多練習(xí)練習(xí)，多背，這個(gè)可以私戳我，發(fā)給你基礎(chǔ)學(xué)的資料

有什么冷門(mén)但好用的軟件呢？

EssentialpimPRO:日程管理和知識(shí)管理的大神級(jí)軟件，惠普、三星、佳能等比較知名公司的選擇。

而且是可以只不過(guò)是日程管理軟件，還可以以及知識(shí)管理軟件：

相當(dāng)于數(shù)據(jù)庫(kù)，必須保證安全。多變化是從wifi歌詞同步：

該軟件能夠得到國(guó)際大牌公司重視：

那樣的話一款軟件，價(jià)格的確高。

肯定，假如你不愿意，是可以你選擇河蟹版。

說(shuō)完了傳統(tǒng)知識(shí)管理軟件，也有慣見(jiàn)比較好很熱門(mén)的雙鏈筆記軟件：

簡(jiǎn)單啊清楚看看什么是雙鏈筆記，不要弄懂緊張概念，和熱門(mén)行業(yè)的知識(shí)管理軟件NOTION做一個(gè)比較：

我聽(tīng)說(shuō)過(guò)，roamedit未來(lái)的發(fā)展空間和底層架構(gòu)都比NOTION大將近一圈。

Roam到底是適合干什么，能解決什么問(wèn)題？

簡(jiǎn)單的說(shuō)，應(yīng)該是：讓知識(shí)能用

類似下面的圖：

為啥這樣的圖能讓知識(shí)更最有效呢？

看下圖案例（軟件-全世界的界面）：

知識(shí)之間、信息之間建立關(guān)聯(lián)，只要很清楚任何一個(gè)關(guān)鍵點(diǎn)，就能順藤摸瓜的統(tǒng)合整個(gè)知識(shí)大廈。

這才是真正的的有用、能是用知識(shí)。

軟件界面（太復(fù)雜，拉轟單單在大致了解研究起來(lái)階段）：

XYplorer：文件管理的超冷門(mén)超強(qiáng)橫軟件一位大V這樣的話評(píng)價(jià)文章它：

看看它酷炫又實(shí)惠的界面：

肯定還可以你選擇以下軟件：

qdir

qttabbarclover

onecommander

tc

訊讀PDF:拉轟目前其實(shí)最好的PDF軟件，沒(méi)有之一

下面的思維導(dǎo)圖是目前的推薦軟件：

拉轟出品，必屬精品