在学习CSS的过程中，练习不可少。今天给大家介绍的是100个CSS实例，可以让我们更深入地理解CSS的运用。

/* 实例1：给链接添加悬浮效果 */a:hover {color: red;}/* 实例2：设置背景颜色 */body {background-color: #f5f5f5;}/* 实例3：调整图片大小 */img {width: 200px;height: 200px;}

这些实例可以分为几类。第一类是基础样式，包括文字样式、边框样式、背景样式等。例如，我们可以设置字体大小、颜色、粗细等等：

/* 实例4：设置字体大小 */p {font-size: 16px;}/* 实例5：设置文字颜色 */p {color: #333;}/* 实例6：设置字体加粗 */p {font-weight: bold;}

第二类是布局样式，包括对元素位置、大小的调整。例如，我们可以设置元素的位置、宽度、高度：

/* 实例7：设置元素位置 */p {position: absolute;top: 50px;left: 50px;}/* 实例8：设置元素宽度 */p {width: 200px;}/* 实例9：设置元素高度 */p {height: 100px;}

第三类是动画效果，包括过渡、动画、旋转等。例如，我们可以设置元素的过渡时间、动画效果、旋转动画：

/* 实例10：设置元素过渡效果 */p {transition: all 0.5s ease;}/* 实例11：设置元素动画效果 */p {animation: slidein 3s;}/* 实例12：设置元素旋转动画 */p {transform: rotate(30deg);}