box

/*全局设为CSS3盒模型 border-box*/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } 来源： https://www.cnblogs.com/sphjy/p/11353760.html

非常好的一篇技术文档，翻译自Louis Lazaris 2009年9月15日发表的《The Z-Index CSS Property： A Comprehensive Look》 ，相信会帮助很多像我一样的前端狂！ 原作者保留所有版权。 EN文不好，欢迎各路牛头斧正。 ------------------------------------------------ 大多数的CSS属性都很容易使用。常常，当您对标记语言的元素使用CSS属性时，产生的结果会随着您刷新页面而立即呈现。而另一些CSS属性，却会有一些复杂，且只能在给定的环境下才会工作。 Z-index属性便属于上面所说的后面的那一组。Z-index无疑的比其他任何属性都会频繁的导致（兼容性）上的混乱和（开发者心理上）的挫败感。但滑稽的是，一旦你真正理解了Z-index，你会发现它却是一个非常容易使用的属性，并且会为解决很多layout方面的挑战提供强有力的帮助。 在这篇文章里，我们会准确的说明究竟什么是Z-index，它为什么会这么不为人所了解，并一起讨论一些关于它的实际使用中的问题。我们同时会描述一些会遇到的浏览器间的差异，那些存在于已有版本的IE及Firefox浏览器中的独特问题。这篇关于Z-index属性的全透视文章将会为那些有着良好基础的开发者在使用Z-index属性时提供强大的自信心及强有力的帮助。 这是什么？ Z

一. 泛型概念的提出（为什么需要泛型）？ 首先，我们看下下面这段简短的代码: 1 public class GenericTest { public static void main(String[] args) { List list = new ArrayList(); list.add("qqyumidi"); list.add("corn"); list.add(100); for (int i = 0; i < list.size(); i++) { String name = (String) list.get(i); // 1 System.out.println("name:" + name); } } } 定义了一个List类型的集合，先向其中加入了两个字符串类型的值，随后加入一个Integer类型的值。这是完全允许的，因为此时list默认的类型为Object类型。在之后的循环中，由于忘记了之前在list中也加入了Integer类型的值或其他编码原因，很容易出现类似于//1中的错误。因为编译阶段正常，而运行时会出现“java.lang.ClassCastException”异常。因此，导致此类错误编码过程中不易发现。 在如上的编码过程中，我们发现主要存在两个问题： 1.当我们将一个对象放入集合中，集合不会记住此对象的类型，当再次从集合中取出此对象时

一个自己的分栏工具，可以快速创建分栏效果。 HTML： < div class = "g-header" > <!-- 导航栏 --> < div class = "g-nav" > < div class = "g-wrap" > < ul class = "g-nav-list" > < li > < span id = "doing" > 分栏一 </ span > </ li > < li class = "selected" > < span id = "end" > 分栏二 </ span > </ li > </ ul > </ div > </ div > </ div > css: .g-header { background-color : #fff ; position : relative ; z-index : 3 ; _zoom : 1 ; } .g-nav { height : 39 px ; border-bottom : 1 px solid #d5d5d5 ; box-shadow : 0 1 px 3 px 0 px rgba( 160 , 160 , 160 , 0.2 ) ; } .g-nav-list { width : 100 % ; display : box ; display : -webkit-box ; display :

BFC BFC的布局规则 一、内部的Box会在垂直方向，一个接一个地放置。 二、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠 三、每个元素的margin box的左边， 与包含块border box的左边相接触 四、BFC的区域不会与float box重叠。 五、BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。 六、计算BFC的高度时，浮动元素也参与计算 BFC触发条件 根元素(html) float属性不为none position为absolute或fixed display为inline-block, table-cell, table-caption, flex, inline-flex overflow不为visible BFC的作用 1、自适应两栏布局 2、清除内部浮动 3、防止margin上下重叠 来源： https://blog.csdn.net/qq_41293573/article/details/99223444

Deploy ODP.NET applications instantly with Oracle Data Access Components. Deploying applications can sometimes be a challenging process, involving large, complex installations. Oracle Data Access Components 11 g with Xcopy deployment, however, enables Oracle Data Provider for .NET (ODP.NET) developers deploying their applications to take advantage of key features that reduce client installation size, complexity, and maintenance. Oracle Data Access Components 11 g with Xcopy deployment includes the lightweight Oracle Database Instant Client, which is less than one-third the size of a full

<style type="text/css"> #b { display : -moz-box ; -moz-box-orient : horizontal ; display : -webkit-box ; display : box ; box-orient : horizontal ; border : 1px solid black ; } #box1 { background : orange ; -moz-box-flex : 2 ; -webkit-box-flex : 2 ; box-flex : 2 ; } #box2 { background : green ; -moz-box-flex : 1 ; -webkit-box-flex : 1 ; box-flex : 1 ; } #box3 { background : pink ; -moz-box-flex : 2 ; -webkit-box-flex : 2 ; box-flex : 2 ; } </style> <div id="b"> <div id="box1">1</div> <div id="box2">2</div> <div id="box3">3</div> </div> 这段代码将父元素以2:1:2的宽度分给子元素，运行结果如下 转载于:https://www.cnblogs.com

重叠度（IOU）: 物体检测需要定位出物体的bounding box，就像下面的图片一样，我们不仅要定位出车辆的bounding box 我们还要识别出bounding box 里面的物体就是车辆。 对于bounding box的定位精度，有一个很重要的概念： 因为我们算法不可能百分百跟人工标注的数据完全匹配，因此就存在一个定位精度评价公式：IOU。 它定义了两个bounding box的重叠度，如下图所示 就是矩形框A、B的重叠面积占A、B并集的面积比例。 参考： https://zhuanlan.zhihu.com/p/23006190 来源： https://blog.csdn.net/Lison_Zhu/article/details/99080174