7、网页开发中的样式应用与无障碍体验打造

网页开发中的样式应用与无障碍体验打造

一、CSS3样式在不同浏览器的应用

在网页设计中，CSS3的新特性为我们带来了丰富的视觉效果。其中， box-shadow 属性的语法与 text-shadow 属性相同。例如，网站作者可以为照片添加一个向右偏移2像素、向下偏移10像素且透明度为50%的阴影。支持这一属性的浏览器能够正常显示阴影效果，而不支持的浏览器则会忽略该规则，虽然外观会稍有改变，但用户体验基本不受影响。

在为IE浏览器进行样式设计时，我们需要采用一些特殊的方法来实现CSS3的效果：
1. 圆角效果（ border-radius ） ：在旧版本的IE中实现圆角效果，可以访问 http://htmlremix.com/css/curved-corner-border-radius-cross-browser 获取具体方法。在样式表中，我们可以这样设置：

<style>
.curved {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  behavior: url(border-radius.htc);
}
</style>

需要注意的是， .h