在网页中使用CSS的方式有三种：内联样式、嵌入样式和外部样式表。

1. 内联样式：

内联样式是将CSS代码直接写在HTML标签的style属性中。例如，我们可以在一个段落标签中使用内联样式来改变其字体颜色：

```

这是一个红色的段落。

```

内联样式的优点是可以针对特定的标签进行样式设置，简单快捷。它的缺点是不易维护和管理，特别是在多个标签需要应用相同样式时。

2. 嵌入样式：

嵌入样式是将CSS代码写在HTML文档的标签中的

```

嵌入样式的优点是可以在一个HTML文档中集中管理所有的样式设置，避免代码重复。它的缺点是如果需要应用相同样式到多个HTML文档中，需要手动复制粘贴相同的代码。

3. 外部样式表：

外部样式表是将CSS代码写在一个独立的.css文件中，并在HTML文档中使用标签引用该文件。例如，我们可以创建一个名为styles.css的文件，并在标签中添加以下代码：

```

```

外部样式表的优点是可以在多个HTML文档中共享同一套样式，提高代码的可维护性和可重用性。外部样式表还可以使用浏览器的缓存机制，提高页面加载速度。它的缺点是需要额外的HTTP请求来加载外部样式表，可能会影响页面的加载性能。

CSS动画是一种可以为网页元素应用动画效果的技术。在CSS中，有多种实现动画的方式，包括过渡、关键帧动画和动画库。

1. 过渡（transition）：

过渡是一种在元素发生改变时，通过指定过渡效果来实现平滑过渡的方式。过渡可以设置元素的属性（如颜色、大小、位置等）在一定时间内从一个状态过渡到另一个状态。例如，我们可以为一个按钮设置鼠标悬停时的颜色过渡效果：

```

button {

background-color: red;

transition: background-color 1s;

}

button:hover {

background-color: blue;

}

```

上述代码表示当鼠标悬停在按钮上时，按钮的背景颜色从红色过渡到蓝色，过渡时间为1秒。过渡的优点是简单易用，适用于一些简单的动画效果。过渡的功能相对较弱，不太适合复杂的动画效果。

2. 关键帧动画（keyframe animation）：

关键帧动画是一种通过在指定的关键帧（即动画的起始和结束状态）之间设置过渡效果来实现动画的方式。关键帧动画可以设置多个关键帧，每个关键帧可以指定元素的不同状态。例如，我们可以创建一个名为fade-in的关键帧动画：

```

@keyframes fade-in {

0% { opacity: 0; }

100% { opacity: 1; }

}

div {

animation: fade-in 2s;

}

```

上述代码表示当一个div元素应用了fade-in动画后，它的透明度从0（完全透明）逐渐过渡到1（完全不透明），过渡时间为2秒。关键帧动画的优点是可以实现更复杂的动画效果，通过控制关键帧的百分比和属性值来精确控制动画的每一帧。关键帧动画的语法相对复杂，需要编写多个关键帧的样式。

3. 动画库：

除了手动编写CSS动画代码外，还可以使用一些现成的动画库来简化动画的实现。动画库是一种封装了常用动画效果的库，提供了简单的API和预定义的样式和配置选项。例如，常用的动画库包括Animate.css和GreenSock Animation Platform（GSAP）。使用动画库可以快速实现各种动画效果，同时简化了动画的代码。动画库的体积可能较大，需要额外的HTTP请求来加载动画库文件。

CSS提供了多种在网页中使用CSS的方式，包括内联样式、嵌入样式和外部样式表。同时，CSS提供了多种实现动画的方式，包括过渡、关键帧动画和动画库。根据具体的需求和场景，可以选择合适的方式来应用CSS样式和动画效果。