摘要：
ie6、ie7支持expression，虽然效率不高，但对于解决一些特别的css布局问题非常有用，现代浏览器(chrome|firefox|opera|safari等)支持新的盒模型，以及一些非常有用的css属性，而相对于夹在中间的ie8，可谓比较难处理，幸好ie8相对ie6、ie7支持了一些特性，比如:before/:after伪元素，before可以说是非常有用的伪元素，可以在元素外额外增加一... 阅读全文
摘要：
之前在宽高不定的元素，以中心为原点百分比定位～小议过不定长宽以中心为原点的百分比定位，但需要增加一个额外的标签，作为定位用。这里不是用额外标签，而使用display:table-cell和expression来实现跨浏览器的不定长宽，中心为基点百分比定位。注：由于display:table-cell在浏览器渲染时会在没有display:table的父元素情况下生成匿名元素作为布局包裹，而这会造成的... 阅读全文
摘要：
装了ubuntu11.04后，仍旧丢不了不喜欢任务栏的毛病，不管在上面还是在下面，在10.10及以前的版本的gnome不是unity，可以在gconf-editor里通过替换session里的gnome-panel来达到目的，但11.04里我找不到此选项，不过很人性的，11.04提供了3中种桌面模式，一种unity一种经典的，一种用户自定义，而用户自定义就可以不启用那些任务栏。然后就是装我最喜欢的... 阅读全文
摘要：
在ubuntu 10.04|10.10|11.04无一例外，在gnome2.X里更改鼠标指针后，部分窗口，甚至桌面都没变化，查看了forum.ubuntu.org.cn很多资料后，得到的答案是ubuntu下compiz的一个bug，解决办法是重新编译compiz,可怜我菜鸟一个，编译过程的痛苦啊，费劲心思编译安装后，鼠标正常了，可是，天，窗口乱七八糟了，估计编译安装后还得配置～于是退而求次，参考：... 阅读全文
摘要：
随着越来越多的屏幕分辨率多样的设备出现，原来绝对定位布局的界面往往会造成很差的用户体验，让我感触很深的是类似于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 像素的空间，也就是将元素向右移... 阅读全文
摘要：
之前写过一篇博文：CSS汉字竖写，使用的是手动断开大块文字，然后设置宽度1em使竖直排版，虽然很有效，不过实际应用得结合javascript来，这里使用了css3的属性columns（css3果然带来巨大的力量阿～～）：这里推荐几篇文章：http://www.zhangxinxu.com/css3/css3-column-rule.phphttp://www.quirksmode.org/css/... 阅读全文