css sprite 及图片优化那些事
CSS图片优化就是尽量压缩图片的大小，加快页面加载速度，这对于大型网站是很有用的。不要小看它，它可以大大提高网页加载速度。通常大家用到的方法就是css sprites。
CSS Sprites(图片整合技术) 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。想必很多人已经在用这个技术，我给大家简单介绍一下，总结一下我使用css sprite时的一些技巧。 查看全文
30个最常用CSS选择器解析
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。
1. *
|
1 |
* { margin: 0; padding: 0; } |
星状选择符会在页面上的每一个元素上起作用。web设计者经常用它将页面中所有元素的margin和padding设置为0。 *选择符也可以在子选择器中使用。
|
1 |
#container * { border: 1px solid black; } |
上面的代码中会应用于id为container元素的所有子元素中。 除非必要，我不建议在页面中过的的使用星状选择符，因为他的作用域太大，相当耗浏览器资源。 兼容浏览器：IE6+、Firefox、Chrome、Safari、Opera
查看全文
2013/02
06 周三
javascript取随机数，判断数组函数等小方法
1.求阶乘
|
1 2 3 4 5 6 7 |
function factorial(num){ if(num<=1){ return 1; }else{ return num*arguments.callee(num-1); } } |
2.求随机数n到m之间的数，包含m和n
|
1 2 3 |
function selectFrom(lowerValue,upperValue){ return Math.floor(Math.random()*(upperValue-lowerValue+1)+lowerValue); } |
2013/02
05 周二
CSS的盒子模型（Box Model）
盒子模型（Box Model）是 CSS 的核心，现代 Web 布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子模型与它们的摆放控制，会发现再复杂的页面也不过如此，然而，任何美好的事物都有缺憾，盒子模型有两种不同的诠释，一种来自 IE6，一种来自 W3C 标准浏览器。 查看全文
2013/02
01 周五