方法一：使用绝对定位和translate函数
效果图：
代码块：
```html
```
方法一的描述：在body属性中定义一个div块级元素，然后在style属性中对样式进行设置，从而达到上图效果。使用通配符选择器*,匹配文档中的所有元素，对所有元素应用margin:0和padding:0消除所有元素的内外边距。对div元素应用width:100px;height:100px;background-color:pink;将div元素的设为一个宽度为100px、高度为100px、背景颜色为粉红色的块级元素。使用position:absolute;将div元素的定位方式设为绝对定位，使其相对于其最近的定位祖先元素(如果存在)进行定位，如果不存在定位祖先元素，则相对于初始包含块进行定位。transform:translate(-50%,-50%);将div元素沿x轴向下平移自身高度的一半，沿y轴向上平移自身高度的一半，使其位于原点中心。
方法二：使用绝对定位和外边距
效果图：
代码块：
```html
```
要消除所有元素的内外边距，可以将`margin: 0`和`padding: 0`应用于元素。
方法一：使用CSS样式
```css
div {
margin: 0;
padding: 0;
}
```
方法二：将`div`元素设为一个宽度为100px、高度为100px、背景颜色为黄色的块级元素。
```html
```
方法三：使用绝对定位，将`div`元素的定位方式设为绝对定位，脱离文档流，使用`top: 0; bottom: 0; left: 0; right: 0;`将`div`元素相对于父元素的上下左右边界的距离设置为0。然后使用`margin: auto;`将上下左右的外边距设置为自动，使元素在垂直和水平方向上居中对齐。
```css
div {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
```
方法三的描述如下：
在HTML文档的`
`标签中，定义一个`