HTML和CSS是Web开发中常用的两种技术，可以用来创建各种不同类型的页面和网页布局。其中，div是CSS中常用的一种容器，可以将HTML元素包装起来，使其更容易被样式所控制。
div是块级元素，可以包含多个其他div元素，形成了一个具有特定布局和样式的子元素。div元素有多种类型，包括盒子、盒子背景、盒子弹性、边框和内边距等。通过选择不同的div类型，可以创建各种不同的布局效果。
以下是div在CSS中使用的一些常见用法：
1. 创建盒子
例如，以下代码创建了一个标题盒子：
<div class=”title-box”>
<h1>这是一个标题</h1>
</div>
可以使用div的类名来指定盒子的类型，如.title-box，这样代码就可以自动创建一个名为“title-box”的盒子，并使用h1标签作为盒子的父标签。
2. 使用盒子背景
使用盒子背景是一种常见的CSS技巧，可以使页面更加美观和易于阅读。可以使用div来创建一个具有特定背景色的盒子，并将其包裹在其他元素中。
例如，以下代码创建了一个带有红色背景的标题盒子：
<div class=”title-box”>
<h1>这是一个标题</h1>
</div>
可以使用style属性来设置盒子的背景颜色和样式，如下所示：
.title-box {
background-color: red;
3. 使用盒子弹性
使用div来创建盒子弹性是一种常见的CSS技巧，可以使盒子在水平和垂直方向上自由滚动。可以使用div来设置盒子的弹性，使其能够自由地滚动。
例如，以下代码创建了一个具有垂直弹性的标题盒子：
<div class=”title-box”>
<h1>这是一个标题</h1>
</div>
可以使用style属性来设置盒子的垂直弹性，如下所示：
.title-box {
display:flex;
flex-direction:column;
height:200px;
弹性：5px;
4. 使用边框和内边距
使用div来创建边框和内边距是一种常见的CSS技巧，可以使盒子看起来更加美观。可以使用div来设置盒子的边框和内边距。
例如，以下代码创建了一个带有边框和内边距的标题盒子：
<div class=”title-box”>
<h1>这是一个标题</h1>
</div>
可以使用style属性来设置盒子的边框和内边距，如下所示：
.title-box {
background-color: red;
box-shadow:0px 0px 10px #888888;
padding: 10px;
5. 创建内联盒子
内联盒子是一种将盒子包裹在其他元素中，从而使其不可见的CSS技巧。可以使用div来创建一个内联盒子，并将其包裹在其他元素中。
例如，以下代码创建了一个内联标题盒子，将标题盒子包裹在其他元素中，使其不可见：
<div class=”联盒”></div>
可以通过内联盒子的类名来指定内联盒子的类型，如.hidden-box，这样代码就可以自动创建一个名为“hidden-box”的内联盒子，并使用display:none；属性来使其不可见。
以上就是div在CSS中使用的一些常见用法，通过使用不同的div类型，可以创建各种不同的布局效果，使网页更加美观和易于使用。