好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css3。0从入门

CSS3.0是CSS技术升级的版本,相比于CSS2.0,它提供了更多的新特性和模块。下面我们将从入门方面来介绍CSS3.0。

首先,我们需要了解CSS3.0支持的新特性。其中一些新特性包括:

border-radius: 圆角边框
box-shadow: 盒子阴影
text-shadow: 文本阴影
opacity: 不透明度
transition: 过渡效果
transform: 变形效果

使用这些新特性可以让我们更好的控制和美化网页。接下来,我们来看一些实际的代码案例。

/* 圆角边框 */
div {
border-radius: 10px;
}
/* 盒子阴影和文本阴影 */
div {
box-shadow: 5px 5px 5px #888888;
text-shadow: 2px 2px 2px #888888;
}
/* 不透明度 */
div {
opacity: 0.5;
}
/* 过渡效果 */
a {
transition: color 0.5s ease;
}
a:hover {
color: red;
}
/* 变形效果 */
div {
transform: scale(1.2);
}

以上是一些CSS3.0的基础应用,当然还有更多更复杂的特性和模块。更多内容可以通过继续学习来掌握。

总结来说,CSS3.0作为CSS技术升级版本,带来了更多的新特性和模块。我们可以通过学习和实践来掌握这些新功能,使网页变得更加美观和实用。

查看更多关于css3。0从入门的详细内容...

  阅读:49次

上一篇: css3table行高

下一篇:css3y轴旋转