HTML5和CSS作為前端廣泛使用的編程語言，其實(shí)開發(fā)軟件非常多，既有輕巧便捷的代碼編輯器，也有厚重專業(yè)的IDE，下面我簡單介紹幾個(gè)，感興趣的朋友可以嘗試一下：
VS Code這個(gè)是微軟開發(fā)的一個(gè)免費(fèi)、開源、跨平臺的代碼編輯器，支持常見的語法提示、智能補(bǔ)全、代碼高亮、Git等功能，插件擴(kuò)展豐富，生態(tài)環(huán)境良好，可編輯語言多達(dá)幾十種，其中就包括HTML5，CSS等前端開發(fā)，界面質(zhì)黑炫酷，非常符合程序員的風(fēng)格，使用起來也非常不錯(cuò)：
HBuilder這是一個(gè)非常不錯(cuò)的國產(chǎn)前端開發(fā)軟件，輕巧極速，界面柔綠，清爽護(hù)眼，支持常見的語法提示、自動補(bǔ)全、代碼高亮，除此之外，還支持markdown功能，可以輕松將H5開發(fā)的頁面打包成手機(jī)app，使用起來非常不錯(cuò)，感興趣的朋友可以嘗試一下：
Sublime Text這也是一個(gè)非常不錯(cuò)的代碼編輯器，免費(fèi)、跨平臺、輕巧靈活，文本編輯功能強(qiáng)大，常見的語法檢查、提示、自動補(bǔ)全等功能都能很好支持，多項(xiàng)目、多窗口切換，快捷命令強(qiáng)大，是一個(gè)很不錯(cuò)的前端開發(fā)軟件：
Dreamweaver這是一個(gè)專門用于開發(fā)Web網(wǎng)頁的軟件，可以快速創(chuàng)建網(wǎng)頁，支持html，css等代碼快速編寫，語法提示、自動補(bǔ)全等功能都不錯(cuò)，可以直接編寫網(wǎng)頁內(nèi)容，并查看運(yùn)行效果，對于初學(xué)者來說，是一個(gè)很不錯(cuò)的軟件，可以嘗試一下：
Notepad++這是一個(gè)輕巧的文本編輯器，開源、小巧、免費(fèi)，記事本的增強(qiáng)版，大部分開發(fā)人員都應(yīng)該使用過，非常不錯(cuò)，支持的編程語法達(dá)27種，自動補(bǔ)全、語法提示、代碼高顯亮等功能都不錯(cuò)，是一個(gè)很不錯(cuò)的軟件：
WebStorm這是一個(gè)專業(yè)的前端開發(fā)軟件，Jetbrains公司研發(fā)，相比于前面的軟件來說，這個(gè)軟件是重量級的，常見的智能補(bǔ)全、代碼高亮、語法提示、Git等功能，這個(gè)軟件都能很好的支持，除此之外，還可以進(jìn)行代碼調(diào)試、代碼重構(gòu)等，是一個(gè)非常不錯(cuò)的軟件：
目前，就分享這6個(gè)前端開發(fā)軟件吧，對于日常開發(fā)Html5，CSS，JS等來說，完全夠用了，當(dāng)然，你也可以使用其他軟件來完成，像Editplus，Atom，Eclipse，VS等，都可以，適合自己就行，網(wǎng)上也有相關(guān)教程和資料，介紹的非常詳細(xì)，感興趣的話，可以搜一下，希望以上分享的內(nèi)容能對你有所幫助吧，也歡迎大家評論、留言。
.h1是類選擇器
#h1是id選擇器
h1是標(biāo)簽選擇器
css的選擇器的分類不包括“超文本標(biāo)記選擇器”。
css的選擇器包括類選擇器、標(biāo)簽選擇器、ID選擇器、偽類選擇器等等。
類選擇器，比如class類型 class = "nav"的話，那么css對應(yīng).nav{}；
標(biāo)簽選擇器，比如body input 就是直接對應(yīng) body{} input{}；
ID選擇器，比如 id="name"，那么css對應(yīng) #name{}；
偽類、偽對象：如a:link,a:hover,a:visited等。
querySelectorAll()的作用是：按文檔順序返回指定元素節(jié)點(diǎn)的子樹中匹配選擇器的元素集合，如果沒有匹配返回空集合。相關(guān)延伸： 在傳統(tǒng)的 JavaScript 開發(fā)中，查找 DOM 往往是開發(fā)人員遇到的第一個(gè)頭疼的問題，原生的 JavaScript 所提供的 DOM 選擇方法并不多，僅僅局限于通過 tag, name, id 等方式來查找，這顯然是遠(yuǎn)遠(yuǎn)不夠的，如果想要進(jìn)行更為精確的選擇不得不使用看起來非常繁瑣的正則表達(dá)式，或者使用某個(gè)庫。 事實(shí)上，現(xiàn)在所有的瀏覽器廠商都提供了 querySelector 和 querySelectorAll 這兩個(gè)方法的支持，甚至就連微軟也派出了 IE 8 作為支持這一特性的代表，querySelector 和 querySelectorAll 作為查找 DOM 的又一途徑，極大地方便了開發(fā)者，使用它們，你可以像使用 CSS 選擇器一樣快速地查找到你需要的節(jié)點(diǎn)。用法：document.querySelectorAll("#test")[0];document.querySelectorAll("div.test>p:first-child")[0];document.querySelectorAll( '.test span' ); 瀏覽器兼容性： 雖然有些問題，但瑕不掩瑜，這么好用的兩個(gè)方法咋沒火呢？瀏覽器兼容性。。。其實(shí)比起一些HTML5和CSS3的特性來說這兩個(gè)方法還沒那么讓人絕望，因?yàn)镮E8都已經(jīng)支持了，其它各個(gè)主力主流瀏覽器自然是實(shí)現(xiàn)了。IE8+FirefoxChromeSafariOperaAndroid所以如果你是針對Mobile web優(yōu)化，不要引用jQuery了，直接使用這兩個(gè)方法就可以。