<html>
<head>
<meta charset="utf-8" />
<title>test</title>
<style>
div{
width:100px
height:100px
background:green
position:absolute
top:50%
margin-top:-50px
left:50%
margin-left:-50px
}
</style>
</head>
<body>
<div></div>
</body>
</html>
垂直和水平居中，只要垂直居中的话css最后两行可以不要，如果要相对父级盒子垂直居中的话，给父级盒子设置position:relative
如下：
1、line-height属性使文字垂直居中。
2、使用绝对定位和负外边距对块级元素进行垂直居中(已知元素的高度)。
3、使用绝对定位和transform进行垂直居中（未知元素高度）。
4、使用flex布局。
介绍
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
