Question

页面如何添加按钮以及按钮样式设置？

页面上少不了各种按钮的引用， 直接添加内置的按钮很方便，可是按钮的样式，以及对应的事件都需要逐个去实现，很麻烦啊，有没有现成的工具封装好了各种样式可以自己选？

Answer 1

按照HTML标准，按钮的表示如下：

<input class="class1 class2" type="button" value="这是一个按钮" style="">

1，在上面的代码中里面的style属性，把要修改的属性直接写到style里面，属性与值之间用冒号分割，多个属性间用分号分隔，如

    style="width:100px;background-color:#123"

2，为元素应用样式类，即上面代码里面的class里面的内容，其中的每个值都代表一个已定义的样式类，多个样式类之间用空格隔开，样式类一般定义在单独的样式文件中，比如下面图片中的内容是bootstrap.css里面的部分内容，其中以点开始的如container就是样式类了。

3，对于前端开发而言，目前有许多比较流行的开源框架，里面都预定义了一些常用的样式，比如你说的按钮，在bootstrap中，通过简单的使用class="btn btn-default"就可以将任意元素表现成一个按钮的样子