CSS样式工具

为什么80%的码农都做不了架构师？>>>   

加载图片在浏览器窗口正中间

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

DIV遮罩蒙层

.cover {
  background: gray;
  opacity: 0.5;
  /*透明度*/
  position: absolute;
  z-index: 2000;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

设置文档body字体、背景、到边

body {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  background-color: #fafafa;
}

DIV居中

.loginform {
  position: absolute;
  top: 20%;
  left: 25%;
  width: 50%;
  height: 60%;
  border: solid 1px green; 
}

width和left组成100%  
top和height组成100%

 

转载于:https://my.oschina.net/773355/blog/2996994