今天在一个WEB前端开发群看到一段蛮有意思话：
早上挤城铁，挤得要命，来了个猛男，大吼一声”我是display:block”的，这一行老子独占了。
几个小伙子萎萎缩缩，脑袋上写着”display:inline”,他们挤在一行，
有几个家伙吊在车箱顶部的把手上，双脚离地，脑袋上写着”float:left”
有人发现他们的脚下有空，于是人流开始移动，有些人被挤到了他们的脚下，而他们在空中。
这几个家伙大吼一声”clear:both” 于是他们脚下的人知道了。原来这地儿有主了。人流开始移动，又腾出脚下的空地来。
站在地面上的家伙们被叫做文档流。
飘起来的自然也不是神仙了，只是他们脱离了文档流。其中包括一些脑门上写着position:absolute的家伙.
很形象。。
CSS的继承,简单的说就是将各个HTML标记看作一个个容器,其中被包含的小容器会继承所包含它的大容器的风格样式.
下面的这个图是一个简单的HTML文档,以各个标记之间的”树”型结构来看,在每个分支中,称上层标记为其下层标记的”父”标记,相应的,下层标记称上层标记的”子”标记.
PDF电子书下:http://www.uncle-wang.cn/books/index/74
简介 · · · · · ·
你也许也曾有过这样的经历：看着眼前美观豪华的门却不知如何打开；颇具现代感的水龙头却把你弄得手忙脚乱；因为不会使用家里的组合音响而生出跟不上时代的挫折感……这些人前的尴尬、人后的沮丧，其实问题全然不在你！全怪设计者考虑不周——而我们却在代为受过！
认知心理学家唐纳德·A·诺曼在本中用诙谐的手笔，深入的分析，阐明了以人为本的至上设计原则；应该让用户一目了然地知道如何去操作，应该让消费者享受乐趣而不是饱受挫折。诺曼指出，优秀的设计可以通过影响消费者的行为，在市场竞争中发挥至关重要的作用。
所以，如果你是设计人员或商家，那么在构思产品时，请在推崇外观美感、艺术风格和成本之前，首先设身处地地想像一下用户的感受，为设计的易用性而努力吧，因为这才是产品的生命力之源；而如若你是一名用户，那就为设计的易用性而呐喊吧，这样，就会有更多的产品让我们体验到操作的快乐——我们再不要用设计得的错误惩罚自我！
在透明背景下我无法在预览中看到白色。只要我一转换到透明色，所有的白色就变成透明。如果我设置为不透明，本来和背景色相同的物体就会变成白色。”
我想跟随我一起用做实验的方法来回答这个问题可能会更有趣。下载这个实验图形会省去你很多工作。
如果你没有下载这个文件，那就从打开一个画布为白色的新文件开始。左半部分用黑色长方形覆盖。画一个大小为画布三分之二的红色正方形，放置在黑白画布的正中。最后，再画一个小的白色长方形。复制它，并将颜色改为黑色。移动它们，使白色方块居于背景的黑色部分，黑色方块放置在与白色背景对齐的位置。 
选择文件(File)>导出预览(Export Preview)。从左下角透明类型出选择索引色透明(index transparency)。白色的画布和长方形都将变为透明。[注意：有一点非常重要，就是不要用滴管工具选取颜色。] 如果将选项改变为不透明(no transparency)则所有白色将复原。 
最后，选择Alpha透明(Alpha transparency)。画布上的白色将消失，而白色的方形则保留。点击取消(cancel)退出导出预览(Export Preview)。
选择修改画布颜色(Modify Canvas Color)。将白色背景改为黑色，并将黑色改为白色。同样，把红框内部的颜色对调。 
象刚才所做的那样，进入导出预览(Export Preview)并选择 索引色透明(index transparency)。背景的黑色将消失。然后再选择不透明(no transparency)。
这次当你再选择Alpha透明(Alpha transparency)时，内部的黑色方形将保留不变。
索引色(Index color)是画布的颜色即背景色。Alpha的数值范围为从0(黑色)到255(白色)，黑色代表透明，白色代表不透明。如果你的图片的白色部分是附着在某种颜色之上，那么即使背景是白色的，使用Alpha透明(Alpha transparency)后，你图片上的白色部分仍然是不透明的。
关于矢量图与位图，自己经常混淆，不知道怎么就这么难以记住的，找到相关的一点资料，贴出来分享下，也许会对和我一样的人有帮助。
位图，是象素集合，就是以无数的色彩点组成的图案，当你无限放大时你会看到一块一块的色块，放大会失真的（如数码照片），因此也叫点阵图、光栅图、位图。常用于图片处理、影视婚纱效果图等，象常用的照片，扫描，数码照片等，常用的工具软件：Photoshop，Painter等。