摘要：Web开发技术每年都在革新，浏览器已逐渐支持CSS3特性，并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。 本文将分享20段非常专业的CSS2/CSS3代码供大家使用，你可以把它们保存在IDE里、或者存储在CSS文档里，这些代码片段绝对会给你带来意外的惊喜。 1. CSS Resets 网络上关于CSS重置的代码非常多。本段代码是根据Eric Meyer’s reset codes进行改编的，里面包含一点响应式图片和所有核心元素的边界框设置，这样就可以保持页边距和填充可以很好地对齐。12345678910111213141516171... 阅读全文

摘要：本来这是个老生常谈的问题，上周自成又分享了一些性能优化的建议，我这里再做一个全面的Tips整理，谨作为查阅型的文档，不妥之处，还请指正；如果你已经对yahoo这些优化建议烂熟于心，果断点这里一、 Yahoo的军规条例：谨记：80%-90%的终端响应时间是花费在下载页面中的图片，样式表，脚本，flash等；详细的解释来这里查：http://developer.yahoo.com/performance/rules.html也可以直接firebug上一项项比对，如下图：简单翻译解释下：1、尽量减少HTTP请求个数——须权衡合并图片（如css sprites，内置图片使用数据）、合并CSS、JS，这 阅读全文

摘要：问题表述：那天晚上一个同学给我发来一个问题，原型大概是“一个maindiv嵌套了一个div.class="headr1" 的div 和一个div.class="header2" 的这样两个 div,他给maindiv 设定了background="black" header1设定background=“red” 。header2 设定background=“blue” 同时给heder1 设定margin-top:10px; 他预想的是内层 div.heder1 的上边距 maindiv 上边有10px的距离 但事实上 出现一个问题 阅读全文

摘要：常发现CSS样式文件后面跟一个参数是什么意思<link id= "ctl00_Link1 " rel= "stylesheet " type= "text/css " href= "../c/styles.css?v=56 " media= "all " />静态的，可以参考 rails 对静态资源的这种处理方式。对于静态资源，如果有参数，比如 ?v=56 ，通常是表示这个静态资源的修改日期、文件版本等信息，因为浏览器会对这种带参数的 url 用另一种缓存策略，具体因浏览器不同而不同 阅读全文

摘要：@charset "utf-8";/* CSS Document *//*CSS reset*/html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}a 阅读全文

摘要：定义 IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。 给元素固有属性赋值 例如，你可以依照浏览器的大小来安置一个元素的位置。#myDiv{position:absolute;width:100px;height:100px;left:e... 阅读全文