在网页设计与开发领域，就像大多数领域一样，你必须与时俱进。对于设计师最常使用的工具之一添加的新功能，尤其如此，比如css。CSS3是最新的CSS规范，它有几个新功能，设计师现在就可以开始利用了。
CSS3中最大也是最重要的变化无疑是规范审批流程的模块化。这意味着CSS3的每个部分(边框、方框阴影、图像等)都有自己的模块。这意味着它们可以单独批准，并单独开发。
这意味着我们获得更改的速度更快，当它们出现时，它们与社区和浏览器开发人员一直要求的内容更相关。这也意味着浏览器更容易跟上新标准的最新版本，因为它是零散接收的，而不是一次性接收的。这意味着不再担心您的内容在不同浏览器和平台上的外观。
我们都知道，在我们这个领域，有几个人更像是恐龙，而不是设计师。不要像恐龙一样，坚持使用过时的技术和乏味的设计实践。通过以下技术提升您的设计并利用最新技术：
过渡
长期以来，设计师们一直在努力使用Adobe Flash和JavaScript来完成图像过渡。不再。难看、通常俗气的Flash过渡和难以实现JS动画的日子一去不复返了。现在，有了CSS3转换，设计人员可以使用干净、轻量级的浏览器端解决方案来实现他们的转换，而不是使用繁重的服务器端方法。要做到这一点，有两种关键方法。首先，也是最简单的，您可以使用转换声明并触发基于鼠标的效果，如悬停或使用简单的JS更改触发动画。或者，您可以使用@KeyFrame规则来指定不需要用户输入的对动画的特定更改。你可以阅读更多关于css3过渡的here.。
渐变
厌倦了在Photoshop中瞎折腾，努力让这些按钮的渐变恰到好处？其他人也是。幸运的是，现在你不必！CSS渐变允许设计师创建漂亮的渐变，在任何显示器上看起来都很棒。最重要的是，它都在一个漂亮的，轻量级的CSS文件中，所有浏览器都支持，并且不需要你使用繁重的，占用资源的图像（你注意到这里的主题了吗？)。插件实际上已经存在了一段时间，但直到现在才可以在每个浏览器中使用。现在，径向和线性重复和非重复梯度是可用的，更多的可能是在路上。
3D变换
让我们坦率地说一小会儿。我们设计师可以成为非常…的人一群爱炫耀的人。有些人可能会说，我们喜欢把自己的能力凌驾于设计师之上，而不是像我们这样了解情况。现在，如果这听起来像你，或者如果你只是想建立一个美丽的，引人注目的投资组合，CSS3 3D转换真的可以帮助你的工作脱颖而出。永远不要低估网页设计中的小闪光(双关语)的价值，特别是当你想要从名副其实的其他设计师的海洋中脱颖而出的时候。
边界半径
圆角看起来很棒。圆角看起来很自然。圆角历来是编写代码的麻烦，而使用图像会迅速增加文件大小。现在您的按钮可以有自然的，圆角的边缘，而不需要过多的代码！使用css的S新的边框半径属性来创建简单的圆角边缘，不需要过多地摆弄高度和宽度属性，并且在调整内容或位置时不会断开。如果您想要一个示例，可以在您自己的网页上尝试这些代码片段(由webreference.com提供)。
css：
1.box {
2 border: 2px solid orange;
3 border-radius : 25px;
4 width: 100px;
5 padding: 10px;
6 text-align:center;
7}
HTML语言：
1`<div class='box'>Submit</div>`
边框图
继续关于边框的话题，你有多少次想在div或图像周围有一个漂亮的边框，却意识到你必须花时间在Photoshop中，甚至更多的时间让边框响应，因为你所有的默认选择都没有吸引力？现在，您的边框只受您的想象力和Photoshop/Illustrator技能的限制。您现在可以创建易于使用的图像精灵，并使用border-image属性应用它们。这将让你快速轻松地创建你想要的漂亮边框，而无需花费数小时摆弄和调整。
网页字体
似乎就在昨天，设计师们还被迫查阅表格和网络安全字体列表。好吧，那些日子已经过去了，我们所有人都应该感激。@font-face规则现在允许你使用像Google Web Fonts和typekit这样的服务来包含任何你可能想象到的只是包含一个新样式的字体。这意味着您的排版选择不再局限于您知道最终用户可能访问的内容。这也意味着不再需要指定12种不同的字体家族，只是为了确保你的文本不是一个丑陋的默认字体。
css栏目
想要以响应式的、基于专栏的布局来布局您的文章吗？不久前，这意味着你有几个选择。首先，你可以使用一张桌子，但会被设计界的每个人所厌恶。其次，您可以使用JS将您的内容流动到包含div中，并且因为这样的过程将花费大量的时间而受到您的厌恶。然而，现在不需要表或权衡！您只需使用列规则即可完成。你可能会遇到的唯一问题是让所有浏览器看起来都一样(我在看你的IE)，但随着Internet Explorer像渡渡鸟一样走下去，这个问题看起来也应该得到解决。
选择器
最后，也许也是最重要的，我们有了新的css选择器。我想用更多的篇幅来详细介绍它们，所以我们只讨论重点部分，您可以查看完整的列表here.我们仍然可以使用旧的CSS2选择器，但现在我们有了一些新规则。归根结底，我们现在能够根据属性值选择DOM元素，而不是为每个元素指定ID和类。现在，您可以简单地根据它们的属性字段设置它们的样式。