1-ajax操作的基本步骤，CSS盒模型居中方法

Ajax操作基本步骤：

1. 创建一个新的XMLHttpRequest对象（或ActiveXObject在旧版本的IE中）。
2. 设置HTTP方法和URL。
3. 设置请求的状态监听器以处理响应。
4. 发送请求。

CSS盒模型居中方法：

1. 水平居中：设置元素的margin-left和margin-right为auto。
2. 垂直居中：可以使用flexbox或CSS Grid。

示例代码：

/* 水平居中 */
.center-horizontal {
  margin-left: auto;
  margin-right: auto;
  width: 50%; /* 需要指定宽度 */
}
 
/* 使用flexbox垂直居中 */
.center-vertical {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  height: 100vh; /* 全屏高 */
}
 
/* 使用CSS Grid垂直居中 */
.center-vertical-grid {
  display: grid;
  place-items: center;
  height: 100vh; /* 全屏高 */
}

<!-- 水平居中的元素 -->
<div class="center-horizontal">
  水平居中的内容
</div>
 
<!-- 使用flexbox垂直居中的元素 -->
<div class="center-vertical">
  水平垂直居中的内容
</div>
 
<!-- 使用CSS Grid垂直居中的元素 -->
<div class="center-vertical-grid">
  水平垂直居中的内容
</div>