VS Code这个是微软开发的一个免费、开源、跨平台的代码编辑器，支持常见的语法提示、智能补全、代码高亮、Git等功能，插件扩展丰富，生态环境良好，可编辑语言多达几十种，其中就包括HTML5，CSS等前端开发，界面质黑炫酷，非常符合程序员的风格，使用起来也非常不错：
HBuilder这是一个非常不错的国产前端开发软件，轻巧极速，界面柔绿，清爽护眼，支持常见的语法提示、自动补全、代码高亮，除此之外，还支持markdown功能，可以轻松将H5开发的页面打包成手机app，使用起来非常不错，感兴趣的朋友可以尝试一下：
Sublime Text这也是一个非常不错的代码编辑器，免费、跨平台、轻巧灵活，文本编辑功能强大，常见的语法检查、提示、自动补全等功能都能很好支持，多项目、多窗口切换，快捷命令强大，是一个很不错的前端开发软件：
Dreamweaver这是一个专门用于开发Web网页的软件，可以快速创建网页，支持html，css等代码快速编写，语法提示、自动补全等功能都不错，可以直接编写网页内容，并查看运行效果，对于初学者来说，是一个很不错的软件，可以尝试一下：
Notepad++这是一个轻巧的文本编辑器，开源、小巧、免费，记事本的增强版，大部分开发人员都应该使用过，非常不错，支持的编程语法达27种，自动补全、语法提示、代码高显亮等功能都不错，是一个很不错的软件：
WebStorm这是一个专业的前端开发软件，Jetbrains公司研发，相比于前面的软件来说，这个软件是重量级的，常见的智能补全、代码高亮、语法提示、Git等功能，这个软件都能很好的支持，除此之外，还可以进行代码调试、代码重构等，是一个非常不错的软件：
目前，就分享这6个前端开发软件吧，对于日常开发Html5，CSS，JS等来说，完全够用了，当然，你也可以使用其他软件来完成，像Editplus，Atom，Eclipse，VS等，都可以，适合自己就行，网上也有相关教程和资料，介绍的非常详细，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。
.h1是类选择器
#h1是id选择器
h1是标签选择器
css的选择器的分类不包括“超文本标记选择器”。
css的选择器包括类选择器、标签选择器、ID选择器、伪类选择器等等。
类选择器，比如class类型 class = "nav"的话，那么css对应.nav{}；
标签选择器，比如body input 就是直接对应 body{} input{}；
ID选择器，比如 id="name"，那么css对应 #name{}；
伪类、伪对象：如a:link,a:hover,a:visited等。
querySelectorAll()的作用是：按文档顺序返回指定元素节点的子树中匹配选择器的元素集合，如果没有匹配返回空集合。相关延伸： 在传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式，或者使用某个库。 事实上，现在所有的浏览器厂商都提供了 querySelector 和 querySelectorAll 这两个方法的支持，甚至就连微软也派出了 IE 8 作为支持这一特性的代表，querySelector 和 querySelectorAll 作为查找 DOM 的又一途径，极大地方便了开发者，使用它们，你可以像使用 CSS 选择器一样快速地查找到你需要的节点。用法：document.querySelectorAll(“#test”)[0];document.querySelectorAll(“div.test>p:first-child”)[0];document.querySelectorAll( ‘.test span’ ); 浏览器兼容性： 虽然有些问题，但瑕不掩瑜，这么好用的两个方法咋没火呢？浏览器兼容性。。。其实比起一些HTML5和CSS3的特性来说这两个方法还没那么让人绝望，因为IE8都已经支持了，其它各个主力主流浏览器自然是实现了。IE8+FirefoxChromeSafariOperaAndroid所以如果你是针对Mobile web优化，不要引用jQuery了，直接使用这两个方法就可以。