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等，都可以，适合自己就行，网上也有相关教程和资料，介绍的非常详细，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。
@ css类选择器用什么做前缀表示？
>10CSS类选择器也就是选择html编码中标明为特定Class(类)的元素.如<p Class="mytest">这是偶要编辑的段落</p>，在CSS文件中可用 .mytest{ }来表达想要显示的样式。简单地说，CSS类选择器用" . "做前缀。
@ css3的transition是直接写在选择器上？
写在哪里是要分情况的，是要看你想要实现什么效果。
1）如果写在选择器，如果是写的rotate等事件，则直接执行事件，如果写的是transtion:all ease 0.5s，那么他在你鼠标移入以及鼠标移出的时候都会发挥作用。
2）写在hover上，那么他只会在鼠标移入的时候才执行你自己定义的transtion动作，移出没有效果；
@ css元素定位工具？
cssSelector定位，属于CSS高级等位，它的定位方式，利用选择器进行的。在CSS 中，选择器是一种模式，用于选择需要添加样式的对象。“CSS” 列指示该属性是在哪个CSS 版本中定义的。(CSS1、CSS2 还是CSS3。);
下面罗列了一部分的CSS定位方式。看到这么多是否觉得CSS不再简单，其实不然常用的几种方式作者已标记，CSS定位是平常使用过程中非常重要的一种方式。它与Xpath定位有诸多类似的地方，但是无论从性能还是语法上来说CSS都是比较有优势的。
1、一般情况下定位速度要比XPATH快
2、语法比Xpath要简洁
