自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 position的4种属性

static :默认值 没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。inherit :继承父元素的定位。

2013-06-08 17:15:32 413

原创 inline-block 前世今生

曾几何时,display:inline-block 已经深入「大街小巷」,随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了,上面的代码是为了兼容 IE6、7而已。那么你真的了解 inline-block 了吗?本文将带你深入剖析该属性值的前世今生,让你更好的理解和运用 inline-bl

2013-06-08 14:19:39 400

原创 前端组件化的未来

随着 2013 Google I/O 大会的召开,前端开发者迎来了又一大波技术革新。WebApp 风生水起,在 W3C 最新的规范《Introduction to Web Components》中,带来了一些新的特性:HTML模板(Templates)Shadow DOM([译]什么是Shadow Dom?)HTML Imports(组件引入)Custom Elements(自定义

2013-06-08 14:07:55 714

转载 那些年我们一起清除过的浮动

浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。一、清除浮动 还是 闭合浮动 (Enclosing

2013-06-08 13:56:26 477

原创 css的hack详解

ie10不支持条件注释。.test{background: #f00; /*各浏览器都认识,主要给高级浏览器用*/background: blue\0; /*ie10、9、8*/background: red\9; /*所有的 ie*/background:#F60\0\9; /*\0\9 或 \9\0 IE8*/+background: yel

2013-06-08 13:46:14 478

原创 前端 CSS 规范大全

一、文件规范1、文件均归档至约定的目录中(具体要求以豆瓣的CSS规范为例进行讲解): 所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中: 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件,放在如下目录中: 读书 /css/book/ 电影 /

2013-06-08 10:58:35 547

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除