CSS3 — 新增属性(一)
发布网友
发布时间：2024-09-17 08:40
共1个回答
热心网友
时间：2024-09-29 06:12
1. 边框圆角
border-radius属性可设定边框圆角，值可为像素或百分比。有四种单一属性写法，如：border-top-left-radius: 半径;，也可用简写，如：border-radius: 左上角 右上角 右下角 左下角;。当圆角半径达到宽度或高度的一半，即为正圆。IE8及以下不支持。
2. 文字阴影
text-shadow用于添加文本阴影，语法包括水平、垂直阴影、模糊距离和颜色。例如：text-shadow: 水平阴影 垂直阴影 模糊距离 颜色;。
3. 盒子阴影
box-shadow用于为元素添加边框阴影，语法允许设置多个阴影，遵循先写阴影后压盖的规则。
4. 过渡属性动画效果
CSS3的transition属性实现了无插件的动画，如：transition: 属性变化 过渡时间 时间曲线 过渡延时;。所有如颜色和尺寸等大部分属性可过渡，IE10+支持。
5. 背景系列
渐变：告别切图，CSS3可制作渐变，IE9以上支持。
background-origin 和 background-clip：分别控制背景起点和裁剪区域。
background-size：调整背景图片尺寸，支持auto或cover/contain。
多背景：一个元素可同时使用多个背景图片和颜色。
浏览器兼容策略
CSS遵循平稳退化或渐进渐强原则，确保低版本用户基本功能可用，高级浏览器则提供更丰富的体验。例如，使用html5shiv处理新标签兼容问题。
