CSS3 教程
CSS3是层叠样式表语言的最新发展，旨在扩展CSS2.1。 它带来了许多期待已久的新颖性，例如圆角，阴影，渐变，过渡或动画，以及新的布局，例如多列，灵活的框或网格布局。 实验的特性带有厂商前缀，应避免在生产环境中使用，或者应格外小心，因为它们的语法和语义将来都可能发生变化。
CSS3的新特征有很多，例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理（旋转、缩放、倾斜、移动）、多栏布局、媒体查询等。
CSS3 教程
CSS 用于控制网页的样式和布局。
CSS3 是最新的 CSS 标准。
本教程向您讲解 CSS3 中的新特性。
开始学习 CSS3!
CSS3 动画示例,演示一个红色背景和绿色背景变幻的动画。
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 100px;
height: 100px;
background: red;
-webkit-animation: myfirst 6s; /* Chrome, Safari, Opera */
animation: myfirst 5s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
from {background: red;}
to {background: green;}
}
@keyframes myfirst {
from {background: red;}
to {background: green;}
}
</style>
</head>
<body>
<p><b>注意:</b> IE 9 和早期版本不支持 CSS3 动画属性. </p>
<div></div>
</body>
</html> ‹/›CSS3 参考手册
在菜鸟教程中，我们提供完整的 CSS3 参考手册，包括所有属性和元素选择器的语法、示例、浏览器支持信息。
CSS 属性参考手册
CSS 选择器参考手册
CSS 颜色参考手册
相关视频
24小时阅读榜
精品课程
独孤九贱(2)_CSS视频教程
共22课时
24.1万人学习
独孤九贱(3)_JavaScript视频教程
共28课时
35.8万人学习
独孤九贱(4)_PHP视频教程
共89课时
131.8万人学习
热门下载
phpStudy 2018最新版
集成PHP7，16种组合，超全大合集
下载
vc9-vc14（32+64位）运行库合集（链接在下方）
phpStudy安装所需运行库集合下载
下载
php程序员工具箱完整版
程序员工具箱 v1.0 php集成环境
下载
SublimeText3汉化版
中文版，非常好用
下载
Notepad++ Windows版
Notepad++ 8.9.7 Windows版官方安装包，适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。
下载
phpStudy V8.1（Win64位）（已支持php8）
Win64位，支持php多版本共存
下载