72色-时间与成长

未知高度的非表格垂直对齐

a@b.com (chia) — Fri, 10 Oct 2008 11:23:16 +0800

非已知高度的垂直对齐的条件：

表格单元格
行内块（inline-block）

第一个比较好理解，第二个很多人可能会忽略。比如，很多人在图片与文本混排的时候想让图片相对于文本垂直居中除了用IE的私有特性 valign="absmiddle"别无他法。记住，默认下图片就是属于inline-block，你只需简单的img {vertical-align:middle;}即可。

...

CSS定高多行垂直居中

a@b.com (chia) — Wed, 08 Oct 2008 13:28:11 +0800

用Table布局可以很容易的实现文字和图片的垂直居中，但是在div的布局中呢，要实现定高容器里面的内容的垂直居中不是太简单的事情。

在DOM标准中

在IE中

综合

#boxOuter
{
display:table;
height:300px;
...

[转]阿里中秋logo设计过程记录

a@b.com (chia) — Fri, 19 Sep 2008 15:08:13 +0800

今天看到 blueidea 上面这个中秋logo的设计过程，设计思路很好，也很注重细节，转过来给大家看看。

先想创意，再画草图，接着鼠绘，最后做成flash动画。这是我的习惯流程。

这是想到中秋时，我第一时间内能浮想出的图像：大意是嫦娥奔月，带去了人间美食——月饼。近景有桂花，远景有圆月和里面的琼楼玉宇。在衣服褶皱的处理上，花了一些功夫。当然，我觉得这不失为一幅美丽的图像。但是美丽是不够的，所以马上又做了下面的一张草图：大意是，中秋到了，阿里旺旺团聚了。一家三口在草地上一边赏月一边吃月饼，小旺对圆月非常的新奇，孩子气十足，一家子其乐融融。这幅图像虽然不及第一幅的美，但是它适合。因为第一幅可能放在什么网站上都能用，但它却是非常适合阿里的。OK，一全面一适用两套方案，找老板过目去，英明的老板定下第二套：）

...

CSS 中 em px 区别

a@b.com (chia) — Tue, 19 Aug 2008 17:17:52 +0800

这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为

1. IE无法调整那些使用px作为单位的字体大小；
2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位；
3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。

...

[转]李嘉诚的14句经典成功格言

a@b.com (chia) — Mon, 21 Jul 2008 09:37:16 +0800

1、在20岁前，事业上的成果百分之百靠双手勤劳换来；20岁至30岁之前，事业已有些小基础，
         那10年的成功,10%靠运气好，90%仍是由勤劳得来；之后，机会的比例也渐渐提高；到现在，
         运气已差不多要占三至四成了。不敢说一定没有命运，但假如一件事在天时、地利、人和等方面
...

区分CSS中position定位属性absolute与relative

a@b.com (chia) — Mon, 16 Jun 2008 13:33:51 +0800

absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又有什么样的技巧呢？下面我们就来一一解读。

Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。

...

CSS渐变文本效果

a@b.com (chia) — Fri, 13 Jun 2008 13:15:49 +0800

...

流畅的tab(选项卡)内容推荐代码

a@b.com (chia) — Thu, 12 Jun 2008 14:05:16 +0800

js+css实现的实用代码，缺点就是代码比较多，关键字：选项卡,tab,css代码,网页代码,js代码

啥都不说了，点击预览效果

5.12地震后设计师创作大量作品振奋人心

a@b.com (chia) — Wed, 11 Jun 2008 14:00:17 +0800

直奔主题

1.这不是诺曼底，但是这是历史上最伟大的空降！

2.挺拔四川
三枝竹竿组成“四川”的“川”字。水墨表现，更体现中华气质，愿视觉到心觉，给四川人民以力量！！！

...

网页设计师的好东西---配色软件Color Schemer Studio

a@b.com (chia) — Wed, 11 Jun 2008 10:19:48 +0800

这是我见过的最优秀的一款配色软件。

尽管 Color Schemer Studio 很小巧，只有2.25M，但却提供了非常丰富的网页配色解决方案。使用的时候，可以在颜色轮(Color Wheel)、颜色协调或推荐颜色三种窗口中自由切换。特别是推荐颜色功能，会从当前的多种颜色中为你提供最合适的颜色。选取颜色的时候可以将窗口放大 2800倍，具有很高的精确度。

配色完毕之后，可以通过配色分析器看看自己的配色方案是否合理。如果你从配色分析器里选择某种颜色作为背景的话，它会自动告诉你该使用哪种颜色的文字。配色完毕之后，可以通过配色分析器看看自己的配色方案是否合理。如果你从配色分析器里选择某种颜色作为背景的话，它会自动告诉你该使用哪种颜色的文字。