使用css编写网页，放入一个宽、高都为300px的div，实现div在浏览器页面上下左右居中

在CSS中，你可以通过设置`position`, `top`, `right`, `bottom`, 和 `left` 属性来实现元素的居中。对于宽度和高度都为300px的`<div>`，并使其在浏览器页面上完全居中，可以使用以下样式：

.center-div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 300px;
}

这里的`translate(-50%, -50%)`属性会将元素向左移动自身宽度的一半（即150px），向下移动自身高度的一半（即150px），从而使元素中心对齐于其容器的中心。

如果你希望在没有固定定位的情况下实现水平垂直居中，可以考虑使用Flexbox或者Grid布局，例如：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 确保包含整个视口 */
}

.center-div {
  width: 300px;
  height: 300px;
}

这里假设`.container`是包含`center-div`的父级元素，并且设置了flex模式以自动居中内容。