1、首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。
2、按钮样式比较多，这样写让代码不整洁，可阅读性差，就要用style标签。
3、<style type="text/css"></style>样式表。style标签里面表示的是一个样式表，我们所有的样式都可以写到标签中去。这段代码的意思是：凡是button标签都使用这个样式。
4、把 样式表中的 button{}改成了.ui_button{}，然后在button标签里面加了class属性，这样做的意思是，这个button标签使用了名字为ui_button的样式。
5、通过javascript动态修改样式，为了避免用户多次点击提交按钮重复提交信息，在用户点击提交按钮之后，禁用按钮，并设置按钮字体的颜色为灰色。
6、修改样式的其他方法：obj.style.cssText = "color:#E1E1E1background-color:black"cssText可以写多个样式样式属性。
7、修改样式的其他方法：obj.setAttribute("class", "style2")直接更改按钮标签的class属性，把指向名为ui_button的样式改为指向名为style2的样式。
8、修改样式的其他方法：<link href="css1.css" rel="stylesheet" type="text/css" id="css"/>obj.setAttribute("href","css2.css")修改引用外部的样式表文件，这样就可以对整个页面的样式进行全部更新。
1.dispaly 适用于css1和css2，用于设置目标对象是否及如何显示。该属性的常用值为none,用于设置目标对象隐藏，一旦该对象隐藏，其占用的页面空间也会被释放。如果没有为该属性指定值，则目标对象会显示出来。2.visbility 适用于css2，用于设置目标对象是否显示. 与display属性不同的是，通过该属性隐藏某个xhtml元素后，该元素占用的页面空间依然会被保留。该属性的两个常用属性值为visible和hidden,分别用于控制目标对象的显示和隐藏。
3.cusor 适用于css2，用于设置目标对象上光标的形状。此属性的值可以是多个，多个值用英文逗号(,)分隔。该属性的常用值有auto、crosshair、default、hand、move、help、text、wait、url(url)等，分别对于自动光标，十字线光标，客户端光标,手形光标，址字箭头光标，帮助光标(带问号的光标)
