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) {  
      /*具体事件处理*/  
  })  
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值