atom编辑器有自动添加css前缀的插件么

html-css016

atom编辑器有自动添加css前缀的插件么,第1张

有,目前前端开发自动补全插件比较有名的一个插件是autoprefix,

不过也有两个工具可以用。第一个是prefix free,这是一个JS文件,大小2kb,导入之后无须考虑前缀问题,直接写不需要任何浏览器的前缀;

第二个是css3 please,这个权当一个css3前缀参考吧,有注释说明的,一看就知道;

其实,atom是由a-和tome组成

希腊前缀a-给词根以否定意义,tome表示a cutting.所以atom就是指不可再分的原子.那时候人认为原子是元素的最小粒子,不可再分了.

1、新建一个html页面,文件名为test.html,用于实现操作div元素的功能。

2、在html页面中加载jquery.min.js文件。

3、在html页面新建一个div元素,并给它一个class类名red。

4、为了实现点击后有明显的效果,通过CSS定义class="red"的div的背景颜色为红色,同时定义类名为black时,背景颜色为黑色。

5、在div元素中增加一个onclick点击事件,当onclick点击事件触发时,执行change_color()方法,此方法主要用于改变div的class。

6、运行代码,在浏览器中查看结果。

注意事项:

atom支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。通过丰富的插件机制可以完成各种语言开发, 常用于web 开发, 也可用于 php 等后端开发.