概要：
本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性（偏移属性）和Margin属性（外边距）对定位块级元素进行布局的方法。(本文的示例，请看这个附件demo。)

为满足用户的视觉追求及产品的背景图片的换肤功能，设计师难免在设计上会用到半透明的效果。因此页面重构师基于视觉及产品的需要，采用了PNG32的半透明图片还原设计稿。

但在IE6中遇到png兼容性，及其延伸的种种问题。如：

1. png32的图片上在IE6有兼容性问题，原本的透明显示的背景将会失效。
2. 在问题1的基础上，针对IE6采用了CSS滤镜让其透明，但图片不能应用背景坐标定位的方式只能单张使用，这做法不利于带宽流量和请求链接数之余也不利样式的管理...

很久之前就知道 宜家 ，以前在广州的时候也去过一次，给我的印象就是：大、贵、巧。地方很大，东西很贵，设计很巧。现在住的地方离宜家不远，这个月找时间去逛了下，地方还是那么大，东西还是那么贵，设计还是那么的巧。虽然没有买什么东西，不过也还是有所收获的，通过宜家的家具设计方法，我们可以聊聊模块化。

去过宜家的同学应该都有注意到，宜家的家具基本都是组合的，可拆装。模块化的特点也是这样，可以组合，相对独立，在需要的时候可以很方便的加上。那怎么写可以基本实现这种方式呢？给个简单的例子：

WEB标准化之前的互联网是TABLE布局的天下，但随着互联网的高速发展，TABLE布局已经不能满足千变万化的页面所来来的更新压力和服务器压力，更夹杂着对CODE书写不规范和对浏览器大战所带种种不满。于是乎WEB标准“忽如一夜春风来，千树万树梨花开”成为了业界衡量一个网站技术实力和用户需求把控力的一种展现，但革命道路曲折而漫长，为了进一步扩大WEB标准的影响力，“CSS裸奔”便成为了一种必然的选择，甚至于是一种时尚，资料显示仅在2006年有将近800个国际知名网站参与这个节日。做为业界的一份子，我们也一直致力于推动先进的技术，并希望使用他们让互联网更加融入我们的生活，为我们的生活带来便利。所以“CSS裸奔节”，正是你我共同的选择，欢迎一起参与！

 2009年3月20日，微软向全球发布了Windows Internet Explorer 8(IE8)正式版，成为人们关注的焦点。IE8迄今最符合标准的版本，它完全支持级联样式表 (CSS) 级别 2.1，并加强了对 CSS 3、HTML 4.01 的支持，也能很好地支持 HTML 5。由于改进了对这些 HTML 元素的支持，Web 开发人员现在可以构建更具表现力和可访问的 HTML 标记。本文将探讨对IE8中关于 HTML 和 CSS 支持行为的更改，以及这些更改如何影响 Web 开发人员。
...

随着公司业务的增加，需求变的越来越多，团队也因此在不断的扩大，我们经常会遇到几个人协同工作来完成同一件作品或者维护修改别人作品的时候，那么是什么最让你最感到困扰呢？我们在实现一个表现复杂的页面的同时，CSS文件就会比较繁琐，众多的选择符、属性让人眼花缭乱，那么如何更快的定位、如何更高效的编写样式呢？CSS的书写被很多人所忽略。关于书写风格，翻看了一些知名网站的作品，发现横向连排几乎成为各大产品项目的主流，然而，每个人对于CSS的写法各异，这就导致我们工作效率的降低。为了更好的协同工作，保持团队内CSS书写的一致性，几经波折后达成共识，具体书写方法如下：CSS属性横排书写，选择符纵排书写，每个”,”(逗号)后必须换行;

清除浮动一个凡是做页面的人都会遇到的一个东西，但是是否大家都能够清楚的知道，全方位的了解呢？于是一闲下来了马上写了这样的一篇文章，不能讲面面俱到，然而基本能将我所知道的倾囊相授了。

我们粗略的一起来看看清除浮动的办法一共有多少个(IE里面用zoom:1就不写了，下一个专题再写)。对应的DEMO

最近被“模块化”缠身，又是文章又是PPT的，被逼着想了很多相关的东西。整理下我这段时间对于“模块化”的思考，大多都是我自己从事页面重构这份工作的经验和理解，在一定程度上存在局限性，也希望自己能温故而知新。

“模块化”只是我们对于过去一直使用的技术、方法的一个新潮的称谓，就像“Ajax”。不过做为页面重构发展的一种趋势，越来越被大家重视，不自觉也满口的“模块化”，只是你真的理解什么是“模块化”吗？

先让我们看一个例子，了解什么是模式化窗口。

以下是QQ秀商城在非登录时提示登录的一种状态。当我在非登录状态，通过保存形象的方式买一件衣服时，弹出登录对话窗口提示登录。此时，登录对话窗口锁定商城页，锁定IE，只有当对登录窗口进行操作后，才能够进行其他操作。譬如：最小化IE、浏览商城等。我们可以说，登录对话窗口就是一种模式化窗口。

QZONE平台的相册功能为保证加载速度一直以来以简洁的图片排列查看模式呈现相片，随着市场上各类相册产品推陈出新，用户越来越强烈的要求个人相册的独特展示，为了给广大用户提供更炫更酷的个性体验，QZONE在2009年5月全新推出了flash动态个性相册。Vivi有幸参与了个性相册的设计，项目一期成功推出五套相册，设计过程令人意犹未尽，下面和大家晒晒项目过程中的设计体会吧。
...