1、首先新建一个html文件，命名为test.html。
2、在test.html文件内,使用img标签创建一张图片显示，并设置其id属性为pic。
3、在test.html文件内,使用button标签创建一个按钮，按钮名称为“改变图片样式”。
4、在test.html文件内,给button绑定onclick点击事件，当按钮被点击时，执行cha()函数。
5、在test.html文件内,在js标签内，创建cha（）函数，在函数内，使用getElementById（）方法获得img元素对象，再使用setAttribute（）方法设置img对象的class属性为imagecss。
6、在test.html文件内,使用css定义imagecss的样式，设置为红色5px边框，宽度为300px，就可以了。
格式化就是以一种可读性较高的方式呈现(排列)CSS中的样式。普通的压缩就是减去空格和换行，还有些数据量比较大的CSS文件，则还会将每条规则的id或class的名称用简短的字符代替，实现更细致的压缩。
hbuilder格式化代码步骤如下：
1、打开HBuilder点击工具打开选项。
2、打开选项以后点击HBuilder，点击整理格式化设置。
3、默认配置不可更改，首先要先复制一份在修改。
4、点击修改配置，进行更改格式化的设置。
5、有各种设置以后完全可以满足个人的习惯。
6、更改了各种符号的缩进，在使用格式化代码，就不会没有多余的空格。
