html/css乱七八糟的点个人总结

1.留待整理：点击打开链接

2.websocket:点击打开链接

3.Page Visibility(页面可见性) API介绍:点击打开链接




4.CSS布局之品字布局点击打开链接

上面的div宽100%，

下面的两个div分别宽50%，
然后用float或者inline使其不换行即可

5.css多列等高：

  利用padding-bottom|margin-bottom正负值相抵；

  设置父容器设置超出隐藏（overflow:hidden），这样子父容器的高度就还是它里面的列没有设定padding-bottom时的高度，

  当它里面的任 一列高度增加了，则父容器的高度被撑到里面最高那列的高度，

  其他比这列矮的列会用它们的padding-bottom补偿这部分高度差。

点击打开链接

6.li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？

点击打开链接

.wrap ul{letter-spacing:-4px;}.

wrap ul li{letter-spacing: normal;}

7.BFC规范(块级格式化上下文：block formatting context)

条件：

1)  float 的值不为 none；
2)  overflow 的值不为 visible；
3)  display 的值为  table-cell、table-caption 和 inline-block 之一；
4)  position 的值不为  static 或  relative 中的任何一个；
作用：

1)  包含浮动元素

2)  不被浮动元素覆盖

3)  阻止父子元素的 margin 折叠