参考下面的文章即可
CSS缩写优化CSS文件的体积
CSS常用属性缩写实例[推荐]
第二步：用css在线格式化与压缩工具
第三步：测试，看看经过压缩后的css文件，会不会导致页面变形等问题，一般情况下不会，不排除特殊情况。别忘了备份样式文件啊。
外链样式<link href="cc.css" type="text/css" rel="stylesheet" />
行内样式
<div style="border:solid 1px red"></div>
内链样式
<style type="text/css">
border:solid 1px red
</style>
C是错误的，样式只能用于head 和行内还有文件调用
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，就可以了。
