CSS

昨天用ucweb看到了goos发的一篇帖子：谁说Float菜单不可以水平居中，进去看了看，觉得方法有点繁琐了，用到了负边距，position:relativel; 和很少的一点hack。

在Web编码中，CSS默认应用的Web字体是有限的，虽然在新版本的CSS3，我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体。

一直希望自己对Web设计的色彩把握的更好些，所以手头上就备了一份图片版的配色表，对色彩的搭配有了很多的提高，今天发现了这套非常完整的Web版设计色彩速查表，相比图片版的来说就更容易实时学习了。

CSS 浮动清除的新方法，一般大家用空的div设置下clear 高度超出隐藏即可，下面的方法也非常值得参考下。

国外人士非常重视网站的易用性，相当一部分外国站点已经使用em作为字体单位.

CSS已经成为网页前段设计一个非常重要的部分，由于写CSS时需要考虑的问题非常多，老手们创建新页面是通常会沿用以前的CSS框架。但是新手没有自己的框架，这篇文章可以给新手们一些启示。

随着宽屏显示器的流行，越来越多的网站采用了动态宽度的设计，以求页面在宽屏显示器上保持美观（960px的网页在23寸的显示器上只有半个屏幕的宽度）。动态宽度的框架设计比较复杂，今天只说说和屏幕等宽的导航栏的设计。

在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。mozilla通过一个叫frame的对象对盒子进行操作。

在页面设计时，经常会使用div制作蒙版或模拟弹出窗口，但在IE6下，当div下方有下拉列表框select元素的时候，下拉列表框会划破div显示在div之上，不论z-index设为何值均会出现此问题，

本文译自Smashingmagazine，但是原文讲述的内容有些浅，也不是很完整，前端观察在翻译的前提下，增加了更多的更系统的内容。如有不足之处，欢迎指正补充。

支付宝UED的鸽子同学制作了一个Firefox插件，它可以用来快速实时编辑网页代码，快速基于Firefox制作Demo页面，方便的编辑修改CSS Sprite，以及配合Fiddler调试页面，是一个很不错的前端开发助手。

我们知道，在默认情况下，HTML 源码中的空白符均被显示为空格，并且连续的多个空白符会被视为一个，或者说，连续的多个空白符会被合并。

本来前三篇文章已经将CSS圆角框讲解完毕，但从网友反馈中，都说到不好使用，因此有了这篇文章，本文主要是将前面的结果总结修订后进行JS封装，方便调用。

css书写顺序，据网上说这个是Mozilla建议的，让你的代码兼容性更好。

我热爱语义、结构、简单和他的潜力。我决定我必须要跟世界一起分享我对他的热爱（或者至少分享给我的四个读者），要分享我是如何在博客上使用不同的微格式的。

在这个系列文章的第一部分中，我解释了rel微格式的不同实现。在解释rel-me微格式的时候，简要的提到了XFN微格式。

我们这次来讨论hAtom微格式，这个微格式用来为网页内容添加结构和语义从而使得网页内容或者局部内容可以被广播（syndication），比如博客日志或者新闻文章等。

现在，我们来讨论hResume微格式，他通常被用来为网页内容中的简历添加结构和语义信息。

今天让我们一起来探讨一下hCalendar微格式，通过该微格式我可以为那些关于事件和基于时间或地点的活动提供语义和结构化信息。

hCard 等微格式应用会令网页中的信息更加精确和丰富，并为互联网用户带来更多的便利。