自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Water Drop

路漫漫 修远兮

  • 博客(9)
  • 收藏
  • 关注

转载 data:image/png;base64有什么作用

大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如:background-image:url(data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjs

2014-02-24 15:00:55 3600

原创 myeclipse9.0 安装svn (详细步骤,肯定成功)

最近装了MyEclipse9.0,发现没有svn,便尝试着在线安装,可是缓慢的安装过程之后,检出的时候总有错,所以最好用离线安装,在网上看了一些办法,有的已经不能用了,但是发现有一种方法可行并且很好,主要是因为这种方法基本上是通用的,各种版本的MyEclipse都可以用,各种插件的安装也可以用。下面就让我们一起详细的看一下吧:一、下载svn插件。最新的已经是1.10版本了。自己可以依据兴趣

2013-07-29 13:58:53 1359

转载 跨浏览器弹性布局进阶教程

引言CSS3 弹性布局模块 —— 短命名叫 Flexbox —— 为我们的 web 开发带来了许多能量和令人兴奋的畅想空间,我们可以快速轻松地搭建复杂的网站布局,摒弃一些我们惯常使用的不合理的 hacks 和 补丁。我的文章 《伸缩布局 — 打开布局天堂之门?》讲述了一些 Flexbox 的基础,本文将是进阶教程,我会带大家看一些高级点的例子,使用 Modernizr 为那些参差不

2013-07-22 13:14:08 705

转载 伸缩布局 — 打开布局天堂之门?

介绍HTML 与 CSS 的结合在很多地方是很棒的内容发布机制 ― 学起来很简单、适用性很高、很强大。然而在文档布局上它还尚未能堪称完美。如果你想要使用只有一两张浮动的图的简单文章布局那倒是没什么关系,但是要弄出复杂的多栏布局就需要既复杂又不可靠的代码,而且还需要为了在不同浏览器上显示一致操劳不断。我们已经滥用浮动与其他构造好长一段时间了,浏览器的错误与渲染差异实在让生活太没趣味了。

2013-07-22 13:11:25 1174

转载 Reset CSS 研究(技术篇)

时间过得真快,离 Reset CSS 研究(八卦篇) 已经 3 个多月了。废话少说,赶紧将技术篇写完吧。回顾与反思第一份 reset css 是 Tantek 的 undohtml.css, 很简单的代码,Tantek 根据自己的需要,对浏览器的默认样式进行了一些重置。Eric 的也是如此。YUI 除了 cssreset, 还配套有 cssfonts 和 cssbase

2013-07-16 16:44:46 675

转载 reset css研究(八卦篇)

八卦为先八卦是种优良品质,特别是用在技术上时。来看几个Reset CSS的八卦问题吧:你知道世界上第一份reset.css在哪么?* { margin: 0; padding: 0 }人品很坏吗?Eric Meyer和YUI是情侣吗?Google有用reset.css吗?No CSS Reset的口号是谁最先提出来的?类似问题或者说困惑还能列举很多,reset.css极其简

2013-07-16 16:41:30 663

转载 Reset CSS:只选对的,不选"贵"的

Reset CSS:只选对的,不选"贵"的2009-07-15 14:19 by 一醉而过, 2339 阅读, 3 评论, 收藏, 编辑先耐人深思,令人回味下:1.你知道Reset CSS是什么东东吗?2. *{ margin: 0; padding: 0; } 你还在用吗?3. 你打造了自己的Reset CSS 吗?4.打造过程中你使用了Ctrl+C和Ctrl

2013-07-16 15:53:22 552

转载 inline-block 前世今生

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

2013-06-21 15:00:14 1043

转载 border:none;与border:0;的区别

border:none;与border:0;的区别这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。性能差异【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-w

2013-06-21 14:49:24 542

空空如也

空空如也

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

TA关注的人

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