摘要：今天，2012-2-22，是个很二的日子,遇到了一个诡异的问题~~下午收到一封信。from:someone@ctrip.comto:小灰灰title:被挡住的iframe也能接收到点击事件小灰灰，今天开发的时候遇到了一个很怪的问题。页面中有一个iframe和一个弹出层。iframe中是一个可以点击的... 阅读全文

摘要：好吧，这是个有点儿蛋疼的文章，每个浏览器都可以有自己的行为和表现，只是webkit在apple的带领下，在UI上走的更远了一点儿，但是却给我们带来了点儿困扰，因为很多情况下，我们希望搜索框在所有的浏览器上表现一致。。。用过mac的同学应该了解这个情况：就拿前端观察右上角的搜索框来说，在Windows... 阅读全文

摘要：box-shadow 使用方法设置块阴影语法：box-shadow：||取值：?? ||：阴影水平偏移值（可取正负值）；阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色说明：引擎类型GeckoWebkitPrestoBox-shadow-moz-box-shadow-webkit-border-s... 阅读全文

摘要：直接在图片元素上直接应用CSS3 inset box-shadow 或 border-radius时，浏览器并不能完美的渲染它们。不过，如果把这个图片用作背景图，你就可以可以给它添加任何样式了，浏览器也会很好地渲染。Darcy Clarke和我做了一个简单的教程，讲解如何使用jQuery来动态地制作... 阅读全文

摘要：大家已经开始在项目中使用一些CSS3动画效果了吧，这让网站在高端浏览器上看起来很上流。animate.css是一个老外做的各种CSS3动画的合集，比较全，也很炫，大家可以参考学习一下。项目主页：http://daneden.me/animate/自定义下载样式：http://daneden.me/a... 阅读全文

摘要：CSS3渐变色生成网站：http://gradients.glrzad.com/本文参考：前端设计之用CSS3做线性渐变效果http://webskys.com/css3/10.html在CSS3出来以前，想要显示一个渐变的效果，必须要专门制作一个图片。CSS3的出现，使得渐变色得以简单的实现。由于... 阅读全文

摘要：该文为译文转载，原文地址：http://tech.163.com/mobile/10/0106/09/5SB96QSM00112K88.html译文：你需要知道的CSS3 动画技术原文：What You Need To Know About Behavioral CSS为网络而生CSS 3的属性比如... 阅读全文

摘要：CSS3属性中有关于制作动画的三个属性：Transform,Transition,Animation；我们一起学习完了Transform和Transition，让我们对元素实现了一些基本的动画效果，这些我想足以让大家激动了一阵子，今天我们趁着这个热劲继续第三个动画属性Animation的学习，单从A... 阅读全文

摘要：上一节花了大篇幅整理了CSS3中动画属性中的Transform，今天我们接着一起来看CSS3动画属性中的另一个属性Transition。W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得... 阅读全文

摘要：PointsPixelsEmsPercent6pt8px0.5em50%7pt9px0.55em55%7.5pt10px0.625em62.5%8pt11px0.7em70%9pt12px0.75em75%10pt13px0.8em80%10.5pt14px0.875em87.5%11pt15px0... 阅读全文

摘要：字体使用是网页设计中不可或缺的一部分。网页是文字的载体，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。 美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷： 一、不可能大范围的使用该字体； 二、图片... 阅读全文

摘要：/*文字排版*/.f10 { font-size: 10px; }.f11 { font-size: 11px; }.f12 { font-size: 12px; }.f13 { font-size: 13px; }.f14 { font-size: 14px; }.f16 { font-size:... 阅读全文

摘要：1.className{ min-height:500px; height:auto !important; height:500px;}2.在做页面布局时遇到了ie6不支持min-height问题，下面将分别描述问题及其解决办法：Html代码说明一个div中包括了两个div：left和right，... 阅读全文

摘要：一、通用区分方式：IE6、IE7能识别*，标准浏览器（如FF）不能识别*；IE6能识别*，但不能识别 !important；IE7能识别*，也能识别 !important；IE8能识别\0，不能识别*，+,_,* 加!important;FF不能识别*，但能识别 !important；例如style... 阅读全文

摘要：一、white-space 可以实现HTML中PRE标签的效果，以及单元格的noWrap效果，点此查看示例。 Example Source Code语法：white-space:normal|pre|nowrap 取值： normal：默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内... 阅读全文