摘要： 几种浏览器内核（百度百科）浏览器最 重要或者说核心的部分是“Rendering Engine”，可大概译为“解释引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如HTML、JavaScript）并渲染 （显示）网页。 所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法 的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。Trident：IE使用的内核，是微软在Mosaic代码的基础之上修改 阅读全文

摘要： 转自：http://www.cnblogs.com/rubylouvre/archive/2009/07/15/1523683.html翻译自Matthew James Taylor的Equal Height Columns with Cross-Browser CSS and No Hacks，有些部分根据我的理解改了，让一些初心者更好理解。利用纯CSS创建一个等高多列的布局并不件易事，本教程将着重分析出现在多列布局的多个问题，然后为大家等来一个简单全游览器通吃的解决方法，不使用图片，脚本，CSS hacks并在最严格的XHTML 规范中都能通过验证。问题的症结所在如上图所示，由于各列的内容 阅读全文

摘要： 一、正则表达式作用测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字二、正则表达式创建方法——JavaScript1、RegExp构造函数方法 var re = new RegExp(); //RegExp是一个对象,和Aarray一样//但这样没有任何效果,需要将正则表达式的内容作为字符串传递进去 re =new RegExp... 阅读全文

摘要： 视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术。可以先看看效果：http://www.ok-studios.de/home/一、什么是视差滚动？视差效果，原本是一个天文学术语，当我们观察星空时，离我们远的星星移动速度较慢，离我们近的星星移动速度则较快。当我们坐在车上向车窗外 看时，也会有这样的感觉，远处的群山似乎没有在动，而近处的稻田却在飞速掠过。许多游戏中都使用视差效果来增加场景的立体感。说的简单点就是网页内的元素在滚动屏幕时发生的位置的变化，然而各个不同的元 阅读全文

摘要： 译自：http://css-tricks.com/slide-to-unlock/刚刚看到一篇文章，用css3和jQuery实现了iphone滑动解锁效果，真的很神奇！效果链接 源码下载链接一、渐变结构原理HTML结构如下<div id="page-wrap"> <div id="well"> <h2><strong id="slider"></strong> <span>slide to unlock</span></h2> </d 阅读全文

摘要： http://www.woaicss.com/article/photoshop/ps00.htm 现实生活中无时无处不存在着光照和阴影。你看到的每样东西都是通过光影反射形成它的形象。视觉上，光影帮助我们辨别事物，认知他们的材质、尺度和透视。所以如果要让我们的网页设计更加自然、有动感且真实直观，正确理解光影效果就变得非常重要。以下是助你更好利用光影的五个技巧，好好运用它们，能让你的设计更加精致，从众多的页面中脱颖而出。光照与阴影的原理快速剖析下图中，光源来自左方。高光是光照最强的部分，阴影位于距离光源最远的地方。光影的存在帮助我们感知有关物体表面材质的大量信息。不过你可能要问，这和网页设计有. 阅读全文

摘要： JS2012年GitHub加星最多的JavaScript 库Meteor——Meteor is an open-source platform for building top-quality web apps in a fraction of the time, whether you’re an expert developer or just getting started.Select2——Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, an 阅读全文

摘要： 转载自：http://www.w3cplus.com/solution/waterdrop/waterdrop.htmlCSS布局大全Layout Gala- 这个网站收集了40多个专业的CSS布局，每个布局都通过了CSS和html验证，且不需要Hack，兼容各大主流浏览器。CSS Layouts – 另一个专门收集CSS布局的网站。Dynamic Drive CSS Layouts – Dynamic Drive对于喜欢设计的人来说是比较熟悉的网站了，它们同样提供有很多CSS布局，两栏，三栏，自适应宽度，固定宽度都有。---I likeNice and Free CSS Layouts – 阅读全文

摘要： 转载至:http://blog.csdn.net/ixr_wang/article/details/70552271、添加到head里<!--[if IE 7]><script type='text/javascript' src='js/excanvas.js'></script><link rel="stylesheet" href="css/iefix.css" type="text/css" media="screen" />& 阅读全文

摘要： 一、先总结一下各种实现的方法全部浮动法如果一个CSS初学者写图片圆角效果，那么推荐使用全部浮动法，简单且容易上手。其原理就是左圆角左浮动，主体也左浮动，右圆角右浮动，外包div 平铺背景图片。很直观的就实现出图片圆角效果。缺点是之后会需要清除浮动，且因背景图片全部平铺，所以左右俩个圆角必须左右覆盖背景上不能让圆角留白处透 明出下方的图片。HTML代码如下：<div class="floatMethod"> <div class="left"></div> <div class="middle" 阅读全文