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) {  
      /*具體事件處理*/  
  })