CSS样式集结

CSS样式：

（以下为本人在使用过程中碰到的一些样式，在此进行记录，欢迎大家进行补充）

---

1、.clear{ clear:both}
若是在布局中使用了浮动，则在使用浮动的盒子的父盒子最后边添加
<div class="clear"></div>
即可清除浮动对样式带来的影响

---

2、vertical-align:text-top;
若是在一个div中有两个盒子需要显示在一行，
但是总是不能让两个盒子在父盒子顶端对齐，
这个时候就可以使用这个样式来调调啦

---

3、.gridly, .gridly > :not(.dragging) { }
此标签的含义是 设置class为gridly的样式，
以及class 为gridly下的所有儿子标签样式（除过class为 dragging的标签） ，
其设置的样式不改变孙子标签的样式

---

4、<button handler='add'></button>
在该标签中自定义了handler属性，
这样写的好处是避免在jsp页面标签太多，id和class属性多的不知如何命名时，这种方法很受用。
具体在css中的使用以及jq中的使用如下：

• css 设置样式：

 [handler="add"]{  

       /*进行样式设置*/  

 }

• jq设置事件获取button：

 $("[handler=add]").unbind('click').click(function(){  
    /*具体事件处理*/  
 })  

或

  $(document).on("click","[handler=add]",function(event) {  
      /*具体事件处理*/  
  })