摘要： 盒子标签和属性对照CSS语法（不区分大小写）JavaScript语法（区分大小写）borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborder-colorborderColorborder-leftborderLeftborder-left-colorborderLeftColorborder-left-styleborderLeftStyleborder 阅读全文

摘要： 手头的一个项目中使用了dl dt dd模拟表格布局，在Chrome中一切看起来很完美，结果到IE和firefox中就完全面目全非。现总结如下：HTML结构如下：<div id="banner"> <img src="images/banner2.png" /> <dl> <dd>$445<br/><span class="banner-text">Full Economy Set</span></dd> <dd>$65<b 阅读全文

摘要： http://www.mangguo.org/several-javascript-clever-wicked-craft/#1使用双等号给布尔变量赋值，很容易联想到 var a = b || 123; 的写法var a = b == 123;#2快速转换为布尔值!!a#3防止页面被 iframe 调用if(top !== window) { top.location.href = window.location.href;}#4将 arguments 参数组转换为真实数组function args() { return [].slice.call(arguments, ... 阅读全文

摘要： http://www.w3cn.org/article/tips/2004/91.html在设计《网页设计师》页面的时候，有一个问题一直困扰着我，主菜单在IE和其他(Mozilla、Opera等)浏览器里显示的效果偏差2px。截图如下：IE中的效果Mozilla Firefox中的效果这是因为IE对盒之间距离的解释的bug造成的(参考onestab的" 浮动模型的问题 ")。我一直没有解决这个问题，直到我翻译 " 表格对决CSS--一场生死之战 "时，作者的一个技巧提示帮我找到了解决的方法：用!important。!important是CSS1就定义的语 阅读全文

摘要： http://www.w3cn.org/article/tips/2005/103.html使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1；property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2property:value1 value2 value3; 表示to 阅读全文

摘要： Data URI——也就是图片转成代码插入网页Data URIData URI是由RFC 2397定义的一种把小文件直接嵌入文档的方案。目的是将一些小的数据，直接嵌入到网页中，从而不用再从外部文件载入，目前，IE8、Firfox、Chrome、Opera浏览器都支持这种小文件嵌入。通过如下语法就可以把小文件变成指定编码直接嵌入到页面中： data:[<MIME-type>][;charset="<encoding>"][;base64],<data> MIME-type：指定嵌入数据的MIME。其形式是[type]/[subtype]; 阅读全文

摘要： 转载自：http://dancewithnet.com/2009/09/06/css-opacity/前言：这段时间项目中都有透明、圆角、投影等要求，还必须是跨浏览器的——看来这是大多数现在网站普通应用，匆忙中也只是google、百度了各个的用法，直接拷贝到css文件中，没有仔细研究其原理，正好看到这篇文章，讲的比较不错仔细，转载转载！CSS3草案中定义了{opacity:<length> | inherit;}来声明元素的透明度，这已经得到了大多数现代浏览器的支持，而IE则很早通过特定的私有属性filter来实现的，所以HTML元素的透明效果已经无处不在了。首先看看A级浏览器所支 阅读全文

摘要： 转自：http://blog.bingo929.com/css-sprites-css-techniques-tools-tutorials.htmlCSS Sprites可以用在很多场合，大型网站可以将许多单独的图片，以有机的方式组合起来，从而使其便于维护和更新。图片之间通常会留出较大的空白，使 得图片不会影响网页的内容。但同时CSS Sprite大多使用于较固定的像素定位中，它的弹性较差，收到定位等因素的制约。所以，你需要在可维护性vs降低负载之间权衡利弊，选择最适合你的项目 的方式。下面是一些CSS Sprites的使用范例：Xing这个网站将一些按钮、图标以及LOGO做成了CSS Sp 阅读全文

摘要： 摘自：http://paranimage.com/css-sticky-footer/先说我们为什么会使用到这个CSS底部固定布局解决方案:有这种情况：当正文内容很少时，底部位于窗口最下面。但当改变窗口高度时，会出现重叠问题。如下所述当做一个页面时，如果页面内容很少，不足于填充一屏的窗口区域，按普通的布局，就会出现下面图片中的样子(也就是底部内容并没有位于窗口的底部，而留下了大量空白。对于追未完美的设计师来说，这是不美观的。网上有一些解决方案，但会出现当改变窗口高度时，底部和正文重叠的BUG。尽管没有多少人会有事没事儿的去改变窗口高度，但设计嘛，追求的就是尽善尽美。下面是我找到的一个比较完美的 阅读全文

摘要： 了解一些基础，转载地址：http://www.wufangbo.com/mobile-3g-mobile-development自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。WebApp与NativeApp有何区别呢？NativeApp：1、开发成本非常大。一般使用的开发语言为JAVA、C++、Objective-C。2 阅读全文