Firefox3与WEB客户端开发相关的新特性

<p>今天看到消息说Firefox3已经可以开始公测了，能不能抢多少市场份额除了功能还要看推广的能力，推广俺就不管了，主要是看看他又折腾出什么新特性出
来折腾我们搞WEB开发的了，感谢Mozilla基金会给全球WEB开发人员提供了这么宝贵的就业及加班的机会，三鞠躬 <(_ _)>……<br><br><strong>HTML方面：</strong>

</p>
<ul class="ubb-list">
<li>修改 <span style="text-decoration: underline;"><FRAME></span>

和 <span style="text-decoration: underline;"><IFRAME></span>

嵌套页面不再继承父页面的字符集，除非父页面与嵌套页面从同一个服务器加载</li>
<li>支持软连字符 <span style="text-decoration: underline;">&shy;</span>

不过我不知道这个是用来做什么的 <img src="http://www.misuisui.com/weblog/images/smilies/icon_sweat.gif" border="0" alt="[sweat]">
</li>
</ul>
<p>
<strong>CSS方面：</strong>

</p>
<ul class="ubb-list">
<li>
<span style="text-decoration: underline;">display</span>

支持 <span style="text-decoration: underline;">inline-block</span>

和 <span style="text-decoration: underline;">inline-table</span>

（神奇的 inline-block 啊，FF也知道inline-block很神奇了，所以支持了~）</li>
<li>支持<span style="text-decoration: underline;">font-size-adjust</span>

（在英文中不同字体在显示器中占的空间(ppi)不一样，用这个可以统一不字体的大小）</li>
<li>
<span style="text-decoration: underline;">color</span>

支持 <span style="text-decoration: underline;">rgba()</span>

和 <span style="text-decoration: underline;">hsla()</span>


（比如：rgba(0,0,255,0.5) 意思是Red 0、Green 0、Blue 255 + Alpha 0.5；hsla()
意思是色相(hue),饱和度(saturation),亮度(lightness)和Alpha通道了，不过都没用过，不太清楚，FF3应该是都支持
Alpha通道了）</li>
<li>
<span style="text-decoration: underline;">:default</span>

一个新的伪类，用来设定默认样式</li>
<li>
<span style="text-decoration: underline;">-moz-max-content</span>

, <span style="text-decoration: underline;">-moz-min-content</span>

, <span style="text-decoration: underline;">-moz-fit-content</span>

, <span style="text-decoration: underline;">-moz-available</span>

FF3在渲染<span style="text-decoration: underline;">width</span>

, <span style="text-decoration: underline;">min-width</span>

, <span style="text-decoration: underline;">max-width</span>

时引入了这几个东东，不知道是做什么的 <img src="http://www.misuisui.com/weblog/images/smilies/icon_sweat.gif" border="0" alt="[sweat]">
</li>
<li>更好的处理均衡字体(proportional font)，还是不懂 <img src="http://www.misuisui.com/weblog/images/smilies/icon_sweat.gif" border="0" alt="[sweat]">
</li>
<li>
<span style="text-decoration: underline;">ime-mode</span>

也支持了（比如某输入框只能输入英文时就这个就很好，用户就不用切换输入法了~）</li>
<li>
<span style="text-decoration: underline;">text-rendering</span>

的什么什么…… <img src="http://www.misuisui.com/weblog/images/smilies/icon_sweat.gif" border="0" alt="[sweat]">
</li>
<li>
<span style="text-decoration: underline;">-moz-border-*-start</span>

和 <span style="text-decoration: underline;">-moz-border-*-end</span>

的什么什么…… <img src="http://www.misuisui.com/weblog/images/smilies/icon_sweat.gif" border="0" alt="[sweat]">
</li>
<li>实现<span style="text-decoration: underline;">-moz-initial</span>

到所有的CSS的什么什么…… <img src="http://www.misuisui.com/weblog/images/smilies/icon_sweat.gif" border="0" alt="[sweat]">
</li>
<li>
<span style="text-decoration: underline;">window.getComputedStyle</span>

可以获取到所有CSS值</li>
<li>支持 <span style="text-decoration: underline;">content</span>

为空值</li>
</ul>
<p>
<strong>DOM方面：</strong>

</p>
<ul class="ubb-list">
<li>支持IE私有的 <span style="text-decoration: underline;">clientTop</span>

和 <span style="text-decoration: underline;">clientLeft</span>

了（其实就是borderTopWidth和borderLeftWidth）</li>
<li>修正 <span style="text-decoration: underline;">window.fullScreen()</span>

不准确的BUG</li>
<li>
<span style="text-decoration: underline;">getClientRects()</span>

and <span style="text-decoration: underline;">getBoundingClientRect()</span>

被支持</li>
<li>IE私有的 <span style="text-decoration: underline;">elementFromPoint()</span>

被支持</li>
<li>IE私有的事件 <span style="text-decoration: underline;">onCut</span>

, <span style="text-decoration: underline;">onCopy</span>

<span style="text-decoration: underline;">onPaste</span>

, <span style="text-decoration: underline;">onBeforeCut</span>

, <span style="text-decoration: underline;">onBeforeCopy</span>

, <span style="text-decoration: underline;">onBeforePaste</span>

被支持（咳咳，防复制粘贴功能就是用这些事件滴……）</li>
</ul>
<p>
更详细请访问：<a title="http://developer.mozilla.org/en/docs/Firefox_3_for_developers" href="http://developer.mozilla.org/en/docs/Firefox_3_for_developers" target="_blank">http://developer.mozilla.org/en/docs/Firefox_3_for_developers</a>

<br><br>

最后，我们可以从FF大力支持IE私有属性这件事看出，真正的标准其实并不是W3C规定的，而是伟大的M$建立的~再次向M$帝国三鞠躬 <(_ _)>……</p>
<p></p>
<p></p>
<p><span style="color: #ff0000;">width:moz-available 很神奇可以使容器边框向内扩展</span>
</p>