摘要：随着越来越多的屏幕分辨率多样的设备出现，原来绝对定位布局的界面往往会造成很差的用户体验，让我感触很深的是类似于android 3.0 上跑的2.x应用只有中间那么一小块。最近这方面思考的比较多，流动布局和自适应布局是很多人期盼的，但实际应用上还比较少，css3.0出来了，它的弹性盒模型被关注的竟然不是非常大，相反圆角之类的反而非常热。下面是我对自适应布局稍微做了的些思考： 元素本身的宽高应该是au... 阅读全文

摘要：浏览器默认都是点击左键拖动选择页面元素后，元素背景变蓝色，这往往是我们不希望看到的，一个好看的界面在用户不小心选择了的时候，哇！！天，满屏幕的蓝色，这可影响体验了，这里css3的新伪类::selection可以做到选择不显示蓝色背景，比如在这里选择是不会显示背景蓝色的 阅读全文

摘要：通常在jquery里我们会这样写来选择当前元素的兄弟元素：$(this).parent().children(".brother")或许是因为对this这个js特殊的唯一的指针无法写入选择器有些纠结吧，我们希望类似这样的写法：伪代码：$("this~.brother")经过一番测试，发现可以在jquery里这样写法：$("~.brother",this)这样我们的代码又可以简洁很多了，类似的有：$... 阅读全文

摘要：之前讨论的几种居中方法都是要求元素宽度一定：但很多时候会是width:auto;的而需要我们居中此元素；这里稍微研究了下width:auto;的auto计算相关问题： position:relative|static:基于父容器宽100%计算，即宽度尽可能大； position:absolute||float:left|right:||display:inline-block基于子元素宽度计算，即... 阅读全文

摘要：w3school.com.cn里对相对定位如下描述：CSS 相对定位相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。如果将 top 设置为 20px，那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素，那么会在元素左边创建 30 像素的空间，也就是将元素向右移... 阅读全文