1，直接在元素上定义style，如下：
1
<input type="button" style="这里定义样式">
2，页面中内嵌样式，如下：
1
2
3
4
<style>
.btn{需要添加的样式}
</style>
<input type="button" class="btn">
3，外部引用css文件，如下：
1
<link rel="stylesheet" type="text/<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y4nyDsn1m1P1TzPHckPhwW0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPjnYnW0Ln1R" target="_blank" class="baidu-highlight">css</a>" href="这里是css文件的路径">
按钮绑定一个点击事件，只是改变少量的样式使用$(".div").css("background","red")即可，如果是整个页面改变，就需要用到页面样式写缓存或数据库，重新加载页面来判断用户选择了那个样式，然后显示不同的样式加载准备多组CSS，比如：
.button1{
/*style1*/
}
.button2{
/*style2*/
}
2. 在用JavaScript修改Button的class，把button1改成button2，就实现了指向的CSS样式改变。
