摘要：IE6/IE7下对display:inline-block的支持性不好。1、inline元素的display属性设置为inline-block时，所有的浏览器都支持；2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的； 对象呈递为内联对象，但是对象... 阅读全文

摘要：一、导火线没错，总有一类属性在助你轻松寻得捷径的同时，也可为你增添烦劳，比如本文的主谋display:inline-block。众前端们所诸知，其作用是将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。然而不幸的是，它并没有得到所有浏览器的支持，比如ie... 阅读全文

摘要：最近发了两条微博：想起克军的一句话：前端研究，研究个屁~ 的确如此呀。补充下联：前端设计，设计个屁~前端目前最大的困境是，如 HTML 一样，无论你承不承认，市场上并不太需要 HTML 高手。 微博上的回复大部分歪楼了。上面两句话乍看有点激进，却是我的真实想法。 背后是一个问题： 前端的价... 阅读全文

摘要：//校验用户名：只能输入1-30个字母functionisTrueName(s){varpatrn=/^[a-zA-Z]{1,30}$/;if(!patrn.exec(s))returnfalsereturntrue}//校验密码：只能输入6-20个字母、数字、下划线functionisPasswd... 阅读全文

摘要：CSS 预处理器技术已经非常的成熟，而且也涌现出了越来越多的 CSS 的预处理器框架。本文向你介绍使用最为普遍的三款 CSS 预处理器框架，分别是 Sass、Less CSS、Stylus。首先我们来简单介绍下什么是 CSS 预处理器，CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的 CSS 更见简洁，适应性更强，代码更直观等诸多好处。不要再停留在石器时代了，下面让我们开始 CSS 预处理器之旅。我们将会从语法、变量、嵌套、混入(Mixin)、继承、导入、 阅读全文

摘要：-webkit-animation:仍旧是一个复合属性，-webkit-animation: name duration timing-function delay iteration_count direction;包括以下几个属性（1） -webkit-animation-name 这个属性的使用必须结合@-webkit-keyframes一起使用eg: @-webkit-keyframesfontchange{0%{font-size:10px;}30%{font-size:15px;}100%{font-siez:12px;}}百分比的意思就是duration的百分比，如果没有设置du 阅读全文

摘要：译自：http://net.tutsplus.com/tutorials/html-css-techniques/say-hello-to-css3-filters/ 教程详细内容•主题：CSS滤镜•可用性：Webkit每晚构建的版本•酷炫程度：100观看演示 本月初公布了一个新的规范-滤镜效果1.0。 它提出了一些令人兴奋的新特性，我们可以使用它在浏览器中来创建Photoshop般的效果。 更妙的是，Webkit已经在每晚构建的版本中添加了支持！根据此规范...“滤镜效果是一个图形化的操作，它被应用到一个元素上以绘制到页面文档里。它是一种基于图像的效果，因为它接受零个或多个图像作为输入... 阅读全文

摘要：写在前面的话：随着移动设备的逐渐普及和Web技术的发展，跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢？我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合，来进行多种分辨率适配的例子。 文中提到的响应式网页设计（Responsive web design）是一种现代网页设计方法，基于CSS3的媒介查询（Media Query）特性使得网页适应不同设备，即根据设备的分辨率和缩放自动重新布局。 ----------- 译自：http://webdesignerwall.com/tutorials/responsive-... 阅读全文

摘要：首先，来个demo，代码如下：html:1 2 3 4 你好,我是Mrxia5 View Codecss: 1 .clearfix:after { 2 visibility: hidden; 3 display: block; 4 font-size:... 阅读全文

摘要：html头添加代码js实现一、最外层top跳转页面，适合用于iframe框架集top.window.location.href("http://www.baidu.com");============================================================================================二、window.location.href和window.location.replace的区别 1.window.location.href=“url”：改变url地址； 2.window.location.repl 阅读全文