div 是 HTML 中一个非常常用的标签，它可以用来在网页中创建不同的区块。通过不同的 CSS 样式，div 可以实现多种不同的效果，比如布局、边框、背景颜色、字体等。

要实现不同的效果，我们需要同时应用多个 CSS 样式规则。这时，我们可以通过以下两种方式来实现：

1. 将所有的 CSS 样式全部写在一个 style 标签里，代码如下：

<style>
.box {
width: 200px;
height: 200px;
border: 1px solid black;
background-color: gray;
color: white;
text-align: center;
font-size: 20px;
font-weight: bold;
}
</style>
<div class="box">
<p>Hello World!</p>
</div>

这种方式非常简单直接，但是当 CSS 样式比较多的时候，代码会变得非常冗长。

2. 使用多个 style 标签，代码如下：

<style>
.box {
width: 200px;
height: 200px;
border: 1px solid black;
}
</style>
<style>
.box {
background-color: gray;
color: white;
text-align: center;
font-size: 20px;
font-weight: bold;
}
</style>
<div class="box">
<p>Hello World!</p>
</div>

这种方式更加灵活，可以将相同的样式和不同的样式分开写，代码更易于管理。但是同时也存在一个问题，就是当样式名称相同的时候，后面的样式会覆盖前面的样式。

综上所述，通过以上两种方式，我们可以实现多个 CSS 样式的应用，可以根据实际情况选择适合自己的方式，并合理组织 CSS 样式，使代码更加简洁、清晰。