一个网页设计师脑子里一定会被大量与他的工作有关的知识填满。而说到CSS，它可以帮助对网站进行设计，让设计具有更多的可能性，用更简单的方式让你的网站更具吸引力，而使用传统的技术这些方面并不容易面面俱到。

对于前端，页面而言，CSS的确是一门首选需要掌握的技能。

以下就是9种非常实用的CSS3属性和使用技巧，

1. 圆角效果

谈及圆角小编曾在各种讨论中频繁听见：实现麻烦、兼容困难、性能不佳等等缺点。而如今的Web设计需要的就是各种各样新的开发技巧，因此越来越多的前端和页面都开始使用HTML5。

对于HTML5而言，从前必须使用图片来实现的需求，现在都可以通过代码来实现。而CSS3中加入的“border-radius”就可以用通过它来直接定义HTML元素的圆角，并支持所有浏览器的最新版本。

我可以通过如下代码实现：

border-radius： 10px; /* CSS3 Property */

-moz-border-radius： 10px; /* Firefox */

-webkit-border-radius： 10px; /* Chrome/Safari */

-khtml-border-radius： 10px; /* Linux browsers */

我们也可以使用下面这样的组合版本，或者用它来对上面的代码进行速记。