摘要：
[代码]CSS：[代码]width和height根据需要来设置。边框的一些样式：下载 阅读全文
摘要：
[代码]1.在IE6/7下，button可以随着text-indent的值不同而移动，FF和IE8则不会！ 2.当设置button的displa:block;时，设置其父元素的text-align:center;，IE6/7的button会水平居中，真奇怪啊！ 阅读全文
摘要：
[代码]在IE6/7下，第5个li排在了右边，但是应该在左边的，左边出现了一段空白。但是将第5个li的margin-left设置为负值，它直接到上一个那里去了，而没有去占领前面的空白。后有人解决此问题，1.可以给li设个高度2.字体原因，设置宋体也可以解决。[代码]Code highlighting produced by Actipro CodeHighlighter (freeware)htt... 阅读全文
摘要：
在层里只有一个img元素时，会出现img下面与层的3px空白。[代码]网上有很多这个bug的解决办法，但是都没给为什么会出现这个bug。div是一个块元素，img是一个行内替换元素。img默认是放置在基线上的。基线：一图顶千言啊。所以img是在基线上，下面有3px的空白。认识到这个本质以后，就可以轻易的解决问题了。1.img元素生成行内框，设置img的display:block，img将为块元素。... 阅读全文
摘要：
前景色：color。color对border的影响：[代码]可以看到p边框的颜色是和color的颜色是一样的。 背景：元素的背景区包含前景之下知道边框外边界的所有空间，包含内容框、内边距，且延伸到边框。如下代码：[代码]可见，在IE6、7，背景没有延伸到border之下。 阅读全文
摘要：
如下代码：[代码]在IE6下，当hover时，不显示span元素。解决这个问题：设置具体的a:hover{background:red;}(border:0也行！)；[代码]同样情况，当a的直接子元素是img时，在IE6下，img在显示后就消失不了，不过可以给img加个容器就可以解决。 阅读全文
摘要：
有些事非得开始了，你才会挤出时间去做。以前也零散的看过JavaScript，但是停留在书本上。惭愧啊。为了美好未来，加油啊！JS，我来了啊！btw，其实我身边有位js超级牛人啊，呵呵，问题可以多问问他啊，有交流才有动力啊 阅读全文
摘要：
看了玉伯的博客里关于line-height的一篇文章，http://lifesinger.org/blog/2009/08/line-height/。平时经常见到的line-height竟包含很多鲜为人知的事。line-height的值可以为：<length>|<percentage>|<number>| noromal | inherit。em，px和百分数都... 阅读全文
摘要：
如上图，对齐的问题，有点郁闷。刚开始只能声明text-align属性来进行对齐。但是各行的字数又不一样，试了下word-spacing，但是不起作用。word-spacing这个属性对中文没用，不过在中文之间加个空格就生效了。可能老外觉得两词之间没空格就是一个词：helloworld，你好。试验了下letter-spacing，生效，说明浏览器把没空格的中文当成字母了。word-spacing用于... 阅读全文
摘要：
1.display:inline-block是CSS2.1中新增的。对块级元素声明此属性，FF3.5和IE8可以实现，但是IE8--不行。但是奇怪的是，对行内元素声明此属性，上述几个浏览器全部生效。2.如果块级元素有上、下内边距或者有上、下边框，其高度则是从其最高子元素的上外边距边界到其最低子元素的下外边距边界之间的距离。[代码] 阅读全文