在CSS中，实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项(absolute 、static、relative和fixed)中的绝对定位(absolute positioning)，它可以将文档中的某个元素从其原本位置上移除，并重新定位在期望的任何地点之上。第二种则是使用CSS中的浮动(float)概念。 绝对定位或浮动都能够用来实现分栏效果。二者可以独立

仔细琢磨了一下运用的还是很巧妙的，在现实的前端开发中也很有用，至少可以减小图片的字节。 先看看应用实例吧： 实现的原来就是：在一个宽高为0像素的块状元素中设置border属性，例如 .box{ width:0px; height:0; border-bottom:50px #F00 solid; border-left:50px #03F solid; border-right: 50px #F90 solid; border-to

去年曾总结了《IE对CSS样式表的限制和解决方案》中限制的第4条写道一个CSS文件的不能超过288kb？，这是一个疑问句，当时没有重现出来且参考来自Internet Explorer CSS File Size Limit。今天终于看到了IE在CSS上的另一个限制：IE中每个style标签或css文件的选择符个数不能超过4095。其实style属性也应该有这个限制，但是几乎

总结一下css让页面居中对齐的方法 1.我们常用的margin:0 auto;方法 这个方法是大家用的最多的方法，使用的时候必须为容器制定宽度！ 例子：#main {width:960px;margin:0 auto;}这个在大部分浏览器里面都可以很好的实现效果。 但是在IE6之前的版本中却不被支持，下面看一下第二种方法 2. 用text-align实现居中，这个方法其实

有很多方法可以用来呈现数字, 我们最常用的就是制作一张静态图片. 但你也可以考虑CSS。使用CSS样式化元素来实现数据图表化. 可以使数据的控制更具灵活性。 下面. 你将看到8个CSS技巧. 教你如何使用CSS来制作漂亮、灵活的图表。 1. CSS线条图表数据 这个实例包含了三种图形数据的实现方法。上面的Basic Bar Graph实例中使用了

现在据我知道比较好的用来测试网页性能的工具有两个，分别为：老牌的雅虎yslow,新秀google page Speed。 怎么会突然想起谈css与性能优化呢？其实这个问题我已经想了很久了，想写，但是也不知道从何写起，今天就简单的说一下，近段使用通过使用page Speed，对css性能优化的一点看法吧！ 在市场上的很多书，讲的css的写法都大

IE6真是太疯狂了。今天由于项目需要做了这么一个布局：一个外部的相对定位div，内部一个绝对定位的div（right:0）， 如图： 可是在IE6下查看，却变成了right:1px的效果了： IE6还有奇数宽度的bug，解决方案就是将外部相对定位的div宽度改成偶数。 查看源码： CSS代码#out { width: 609px;/*这里宽度为奇数，bug就出现了！！

原文： 12个对网页设计师非常有用的图片优化工具 译自： 12 Really Useful Image Optimization Tools For Web Designers 请尊重文章的版权，转载请注明出处，多谢！ 图片 非常重要，它们可以让你的页面更好看，更引人注目。但是，高质量和漂亮的图片常常会很大,它们会让页面加载变慢并消耗更多带宽。所以我们，这些设计师应