CSS圆角样式

IE到目前为止(IE8)直接CSS实现圆角样式是不行的,再怎么也需要手工拼凑出来一个圆角。FF和Safari各自定义了私有属性,可以实现圆角。Chrome更胜一筹,直接支持了CSS3里面的圆角定义,不过它还是支持Safari(webkit)的圆角定义的,同时在开发人员工具里将其转换为标准的CSS3定义呈现。以下是CSS圆角样式写法,注释部分仅Chrome支持。Opera跟IE一样落后,仍然不支持圆角,飘过。

#radius{
/*border-radius:15px;
border-bottom-left-radius: 7px 7px;
border-bottom-right-radius: 7px 7px;
border-top-left-radius: 7px 7px;
border-top-right-radius: 7px 7px;*/
-webkit-border-radius:7px;
-moz-border-radius:7px;
width:300px;
height:200px;
margin:0 auto;
border: 1px solid #dedede;
}

前端开发人员是比较懒的群体,所以才会支持标准,希望某个效果最好有个简单的实现,不用复杂的拼凑代码。主要原因或许是不懂编程的缘故,其实微软的不支持标准是有理由的,这不就在锻炼前端人员的写代码能力么,应该感谢一下微软的良苦用心。
-EOF-

CSS预定义的颜色名称

css21-predefined-color-names
CSS2.1中预定了17个颜色名词,他们如下:

aqua(浅蓝绿色), black(黑色), blue(蓝色), fuchsia(紫红色), gray(灰色), green(绿色), lime(鲜绿色), maroon(栗色), navy(藏青色), olive(橄榄色), orange(橙色), purple(紫色), red(红色), silver(银色), teal(凫色), white(白色), and yellow(黄色).

需要注意的地方是在CSS3中,预定义颜色名称为16个,没有了orange(橙色)。
-EOF-