ZeroZ

刚刚看到腾讯的webteam发布的CSS 3.0 参考手册 (中文版)，很不错的总结，还给翻译成中文。只是这ie8压根就不支持css3，firefox有些很方便的属性页不支持，如九宫格那个，opera亦是如此，在国外推广css3还好一些，但在国内……ie6还是主流，难啊！

CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

手册难点

1. 中文资料少，对英文翻译功底要求较高；
2. 基础语法要求字斟句酌，避免产生歧义；
3. 兼容性列表涉及浏览器及版本众多；
4. 草案中的Grid布局被业界同仁普遍认为比“天书”还难…

CSS3 还是草案，中文资料少之又少，基本上都是一篇内容转来转去，而我们的手册从基础语法到示例制作，都是根据W3C工作草案进行翻译，并结合自身的沉淀制作示例。

备受期待的 CSS 3 新功能
圆角、多背景、@font-face 用户自定义字体、动画与渐变、渐变色、盒阴影、RGBa – 加入透明色、文字阴影等等
CSS3 的出现，让代码更简洁、页面结构更合理，性能和效果得到兼顾。

CSS 3.0 参考手册 (中文版) 预览：

下载：
CSS 3.0 参考手册 (中文版) 下载 (366k)

书签同步功能也就是我们通常说的收藏夹同步功能。在不同电脑之间同步收藏夹，这对很多人来说非常重要。
只要有网络，就能同步收藏夹，不再用U盘或者别的移动存储粘贴复制的了。

书签同步的工具我一直在用XMarks，目前可以运行在IE ，Firefox 和Safari等主流浏览器上，而Chrome马上也要被列入支持的行列了。XMarks Chrome Alpha开始内部测试，不过我登陆上去之后，说是名额有限，让我耐心等待。也不知道这个名额什么时候才有，一般像这种情况的，我都会放弃等待测试名额，不好等啊。

昨天在谷奥上看到文章说Chrome Dev 4.0.201.1版已经增加书签同步功能，由于当时太忙，没来得及尝试，这会有时间尝试了一下，很不错。只不过这个扩展是把书签同步到了Google Doc里面去了，不知道为什么会同步到这里？记录一下方法：

找到Chrome的快捷方式，不管你是放在桌面还是放在快速启动栏，或者在开始菜单里面，只要是快捷方式都行。点右键–属性，弹出属性对话框，在【目标】那一栏中增加–-enable-sync参数即可，如图：

然后打开Chrome，右上角有控制按钮，点开会多出一个“Sync my bookmarks…”选项，如图： 继续查看全文

[版权归作者ZeroZ所有，欢迎转载，但请事先告知作者并注明出处]
注：此列不兼容ie6

效果图：

点击查看演示

看一下HTML结构：

<div class="openwin">
	<div class="openwin_bg"></div>
	<div class="openwin_main">
    	<div class="top">
            <div class="left"></div>
            <div class="center"></div>
            <div class="right"></div>
        </div>
    	<div class="middle">
        	<div class="left"></div>
        	<div class="center">
            	<div class="openwin_nav">
        		<div class="nav">当前位置：视频 > 修改频道属性</div>
            		<div class="close"><a href="#" title="关闭"></a></div>
        	</div>
        	<div class="openwin_iframe"><iframe frameborder="0" src="iframe-form.html" style="width:100%;height:378px;" scrolling="no" allowTransparency="true"></iframe></div>
            </div>
            <div class="right"></div>
        </div>
    	<div class="bottom">
            <div class="left"></div>
            <div class="center"></div>
            <div class="right"></div>
        </div>
	</div>
</div>

因为这个例子需要边上有阴影，也就是必须用到透明的png，所以只能用这种最复杂的结构来实现效果。
刚开始的时候我是给.openwin_main .top .center和.openwin_main .bottom .center一个固定的宽度，再填充背景，不然就会变成这样：

看.openwin_main .bottom .center：

点击查看错误演示

这样的话.openwin_main .top .center和.openwin_main .bottom .cente就不能自适应宽度的，后来我受到弹出窗口（层）结构的启发，给.openwin_main .bottom .center和.openwin_main .top .center都写一个left;21px;right:21px;的值，发现.openwin_main .bottom .center和.openwin_main .top .center不用写宽度都能使背景自动填充他们的最大宽度。

具体的方法我就不详细解释了，因为一个字—-懒。
有需要的童鞋可以仔细看看演示中的代码。

这里还有一个比较好的方法【冰极峰教程系列之五】：无hack并支持透明圆角框的全兼容九宫格布局。但这种方法对持背景半透明且带阴影效果的例子支持的不是很好，我是说该死的ie6。

对于英文，只需要设定text-align:justify;就可以实现两端对齐

对于中文，则需要添加text-justify:inter-ideograph;或者text-justify:distribute;属性

这句话是对中国APEC发展理事会负责网站的领导说的。当初给你们做中文网站的时候我已经忍了下来，想不到做英文网站还是这样在一旁比比，改这儿添那儿的，没完没了的。

当初做中文版的时候就已经闹过矛盾，虽然不是我闹的矛盾，但我也挺气的。以为是那位领导手下的人的错，以为是他手下的那人不懂网站，在旁边指手画脚的，好好一个网站，被他们搞的不伦不类，但经过做英文版后，我才真正发觉问题不是出现他手下的身上，而是出在他自己身上。因为这次已经换了一个手下和我们沟通，刚开始的沟通还挺好的，越到后来越难沟通。提的要求越来越过分，以致于英文版都上线了，妈的，又拐回去改中文版的设计。老子是你爹还是你妈啊，在那累死累活的巴巴的等着你说我就改。老子不改了。

做网站最怕两种人：
一种是什么都不懂，但老喜欢指手画脚的天马行空的提意见，而且提的意见是把网站一步一步的推向死亡。
一种是自以为很懂，其实只是知道个皮毛而已。这种人最讨厌，也是最难说服的，总以为自己的观点是最正确的，殊不知全世界的人看到你的观点之后都在笑你SB。

一个什么网站知识、技术都不懂的领导要做网站，最好只是定个大方向，然后审审设计稿就行了。剩下的应该让专业人士去实施。马云也不懂Internet，但为什么那么牛呢。因为他只提Idea，然后就让他下面那些巨牛逼、巨专业的Team去实施。他曾经说过如果一流的Idea，三流的实施和三流的Idea，一流的实施摆在面前，他会毫不犹豫的选择后者。为什么？因为细节决定成败，而细节往往是需要专业人员去制定并发现。

你一什么都领导非要去做细节工作，这是你要做的工作么？你以为你能做好？你以为你巨牛逼，我们这些专业人员的长年累月积累起来的知识、技术、经验比不上你临时的SB想法？狗屎。如果你非要说你的想法好，你的Idea是一个突破、创新。可以啊，你拿出具体数据分析来说服我啊。但恰恰你只是模棱两可的说自己一个大概的想法，而且还是关于细节的想法。我擦的，你一个大领导日理万机，为什么非要在这细节上发表一下你那不值一提的意见呢？

举个比较小的例子。中文版的字体颜色曾经是一个非常有争议的话题，设计图确认的时候人家连个P都不放，等网站基本做完了，放了一句“字的颜色再蓝一点”。我心想，再蓝一点就再蓝一点吧，然后就稍微加重了点蓝色。结果人家又放了“还是不够蓝”。我日，再蓝就跟背景颜色一样了，你到底要多蓝，干脆点给我个值，别老是“再蓝一点”、“不够蓝”的，老子不伺候。
还有一个也是在网站要验收了，人家又放了“这块和上面的距离有点挤”！。。。。。。大姐，那设计图是假的么？是拿来擦屁股的？非等网站要验收了你再来改设计图，这不吃饱撑的么？改，给你调整一下。完了人家还不满意“还是有点挤”，我擦，你的不挤是什么标准？有标准么？有么？嗯？嗯？啊？

以上观点仅代表个人，与公司无关。

上面只是众多不合理要求里面算是小case的，谁摊上这事基本都能被整的内分泌失调，这些天没少折腾我们的销售我俩，搞的一肚子气，昨天还因为这事跟Boss嚷了一顿，搞得特不愉快，也幸亏Boss能理解我们，知道这个客户的底细，最后商量决定再做网站上线后的最后一次性修改，项目结束后不再做这个客户了，免得再做的不愉快。

这两天闲来无事，看以前的首页很不爽，于是乎手痒了。
用了半个小时时间把首页重构了，因为实在是没什么内容可以填充首页，就把个人简介以及存档给胡乱放上去凑位置。勉强看得过去。

有心的朋友会发现，这次的首页源代码和以前的不一样。是的，这次的代码我用的是html5以及css3来重构的。因为ie不支持html5和css3，所以就单独给ie浏览器写了一个样式表。

预览看效果。

最近似乎疯了似的，一口气装了三个操作系统，带上现在用的xp，机器上一共四个系统。
当然，win7、ubuntu、mac都是装在虚拟机上的，但为了这仨系统，算是折腾死我了。

开始的时候不知道可以用虚拟机装系统，就直接在e盘装了一个win7，但装上之后就后悔了，因为只能运行一个系统，平时的工作又必须得用winxp，有些必用的软件在win7上不兼容，于是在体验了20分钟左右就换到xp，开始着手删除win7的工作。
网上都说去掉win7的相关启动项，就可以直接在xp系统下删除win7的系统文件，最方便的莫过于把盘格式化了。
由于e盘好多重要的文件都非常大，没办法转移，所以只能手动删除win7的系统文件。但问题来了，删除的时候好多文件都受保护，基本上是删除不掉，在试过改权限、安全模式等等办法之后，都删不掉。

我这个人有个不好的习惯，看到电脑里没用的东西就要删除，看到乱的东西就想整理清楚，算是一种轻微强迫症吧。所以，看到那些删不掉的win7系统文件，心里火烧火燎的。google大半天，结果都是千篇一律的文章，复制来复制去的，都解决不了我的问题。
后来我想到似乎有一个很小的软件叫Unlocker，可以删除任何顽固的文件，但这个软件有一个问题，就是删文件的时候非常慢，系统文件那么多，我初步估算最少得两天不断的删才能删完。这时间也太长了，而且我也没那么多空余时间去专门删这个东西。
我又想到360安全卫士里面有一个文件粉碎机，于是就打开试试，这个软件也有一个令我不舒服的地方，就是没办法整个删除文件夹，只能删除文件，但删除速度非常快，这样就可以和Unlocker结合起来。用文件粉碎机删除文件，然后用Unlocker删除文件夹，这样下来，我用了不到半个小时的时间就把系统文件全部删干净，这下算是彻底清净了。

删除之后还是在想win7，因为里面很多功能我都没体验，后来朋友说可以用虚拟机装。
那我就马不停蹄的下了一个VMware，急匆匆的就把win7装到虚拟机上了，安装过程我就不多说了，跟一般的装系统一样的，至于VMware的使用，google一下就有数不清的千篇一律的文章教你。待win7安装完，一切都设置好之后。好好的体验了一把，感觉有点失望，没有期待的那么好，因为以前用过Vista。win7比Vista快一些，但是因装在虚拟机上，所以并不能真实的看出快了多少。win7也没有Vista那么臃肿。总之，win7比上xp来说的话，界面以及用户体验是好了一些，但对于IT专业人员来说，普及起来还是有很大问题，一些软件不兼容win7是最大的障碍，但对于一般用户来说，我觉得还是很能吸引一些眼球的，毕竟比着xp来说华丽许多。好了，不多说了，上图： 继续查看全文

1、开启流水线(pipelining)
一般的浏览器在读取网页时是先发送请求，然后等待服务器反馈。而 pipelining 则在服务器回应前很主动的发送多个请求，这样能大大减少载入时间。

开启方法：在 about:config 页面(新开标签页输入 about:config 回车 )，双击更改 network.http.pipelining 和 network.http.proxy.pipelining 值为 true，更改 network.http.pipelining.maxrequests 值为8

2、快速渲染
Firefox3 刚出来时经常间歇性卡死，就是渲染停顿。现在已经没有这个问题了，如果能更快些自然更好。通常花在页面渲染的时间约 0.12秒，还要更快的话，参照如下方法：

在 about:config 页面，右键，选择新建 > 整数(New > Integer)，输入 content.notify.interval 作为属性名，确定，再输入 500000 确定。然后再右键，新建 > 布尔(New > Boolean)，创建值为 content.notify.ontimer 并设置为 true。

3、更快的载入
默认状态下当你不动鼠标不碰键盘超过0.75秒(内容切换阈值)，Firefox 将切换到低功耗模式，它意味着反应变慢但是载入速度加快；那小改小阈值就能改善性能，只需这么干：

在 about:config 页面，右键，选择新建 > 整数(New > Integer)，输入 content.switch.threshold 确定，然后输入值 250000 (1/4秒)，然后确定。

4、不中断
设置了这个你就可以在当前界面还没有完全载入前返回上一步(默认Firefox不允许这么干，载入中后退键是灰色的)，这个 hack 很疯狂，不过你可以了解怎么实现：

在 about:config 页面，右键，新建 > 布尔(New > Boolean)，创建值为 content.interrupt.parsing 并设置为 false 。

继续查看全文

众所周知，我已经牙疼了很多次了。前几次都是因为长智齿造成的，虽然这次不是因为长智齿，但也是因为智齿造成的—-以前的没有完全长出来，引起发炎了。

就在上上周五左右，感觉到右侧牙根靠近舌根的地方有点疼，以为是上火了，就简单的吃了点三黄片来败火。不过，效果似乎不怎么好，上上周六和周日我上厕所的次数明显增加了，但疼痛感也明显增加了，上上周日晚上的时候感觉特别疼，状况和以前长智齿的状况基本一致，只不过这次伴随着还有咽喉疼，似乎肿了。没办法，都已经很晚了，我也不忍心去打扰医生了（其实那会还不知道医院在哪）。

等到第二天早上，也就是说上周一早上，还下着不小的雨，去小区对面一个药店拿了三盒药，一个是消炎的，两个是清火的，还是一样的，结账一看，真贵，快80了。匆匆的赶快上班去了，到公司买的早点都没办法吃，嘴也长不开，咽喉也在发炎，根本就咽不下东西，包括口水。给我难受的，勉强吃了一点东西垫垫肚子，已经过去一个小时了，就把药吃了。

中午吃饭的时候，我实在是撑不住了，吃的药一点用也没有。疼的我浑身冒汗，赶快请假回家。下午Rabbit陪我去小区里面的医院（都住了一个月了，还不知道里面有个医院，汗！）检查去。刚开始挂的内科的号，结果人医生说她也不确定是什么问题，给我建议说是先验验血，或者去牙科看看（因为我有跟她讲过我好像是长智齿）。我说那我去牙科那再看看吧，到了牙科，医生看了一下，就开始往嘴里面塞乱七八糟的东西，还说先消消炎，等炎症下去了最好去大点的医院把牙拔了。当时我就懵了，我说咋回事？是长智齿么？不是淋巴结发炎？那医生很淡然的说（边说还边往我嘴里塞东西）“这智齿（以前长的）没长出来，发炎了。”

靠，原来是这么回事。虽然不是长智齿，但也是智齿造成的，这该死的智齿，没事就给老子找事。我就问医生，要是拔的话得多长时间好？医生说，看动的大不大。要是牙长的好，拔的顺利，很快就好了。要是牙长的不好，动到牙床的话，最少也得一个星期。天那，一个星期，又一个星期不能好好吃饭，太痛苦了。昨天我还跟同事说这个事，一个同事说他以前拔过一颗，他那颗牙没长好，拔的时候不好拔，是在里面敲碎，然后拔出来了。另一个同事说，他去一个大医院的牙科的时候，看到有人拔牙，医生又是电钻又是凿子，那病人满嘴都是血的。这俩同事把我说的心里毛毛的，狠是犹豫到底要不要拔。

好，回到正题，医生先是给我嘴里面消消毒，然后不知道弄的什么就塞到智齿旁边的牙肉缝中，还塞了俩根。说：“明天早上刷牙的时候要是棉花没掉的话，你就顺手给拔了吧！”。感情是棉花啊。然后又给我开了点药和漱口水，结账的时候一看才30多块，比药店买的药便宜多了，那药店真TMD的黑。期间那医生还问我吃药没，我拿出药店买的药给她看了看，结果她说那是治扁桃体的，不对症，还说“现在药店让卖消炎药了？”，后来我才知道没有医院处方，药店似乎不能随便出售消炎药，我C啊，这药店还真不负责，幸亏没多吃，不然吃死怎么办。真黑，有条件一定要举报。

下午回家睡觉了，晚上身上特别烫，一量37.6°！其实我知道这是炎症引起的发烧，我就狂喝水，然后再接着睡，心想如果醒来还不好的话，我就只好去医院让人给我隔离起来吧。谁让现在是敏感时期呢！也许是我的诚恳感动的上天，早上起来后体温就恢复正常了，只是这咽喉和牙还是疼，没办法张开，也没办法咽东西。不过比起周一的时候好多了，不是那么的疼，之后几天就慢慢的养病，中午回家吃饭。这段时间多亏了Rabbit的悉心照料，不然，我最少得瘦20斤。

还记得去医院的时候，医生说了句巨搞笑但也很残酷的话“我建议你最好拔了，不然，夏天这么热，留着它纯粹是没事长着玩，给自己找个消遣的事。”