voidove

/**
 * div
 */
 
.box-set {
  background: #e8eae9;
  color:#fff;
}
.box {
  background: #8ec63f;

voidove

/**
 * relative position
 */
 
 .box-set {
  background: #e8eae9;
  color:#fff;
}
.box {
  background: #8ec63f;

voidove

/**
 * box-sizing
 */
 
 .test1 {
 width: 500px;
 margin: 20px auto;
 box-sizing: border-box;
 border:10px solid red;
}

voidove

/**
 * 垂直居中, inline element
 */

/**
 * 元素内容是单行，并且其高度是固定不变，line-height=height
 */
 .center-text-trick {
  border: 1px solid;
  text-align: center;

voidove

/**
 * plum
 */
.rect.raindrop{
	background                      : lightblue;
	width                           : 60px;
	height                          : 60px;
	position                        : absolute; 
	display							: block;
	overflow						: hidden;

voidove

/**
 * html tag
 */

voidove

/**
 * olivia's smile face
 */

.face {
  width: 300px;
  height: 300px;
  border-radius: 150px;
  border: 2px solid;
  position: relative;

voidove

/**
 * ada's smile face
 */

.face {
    width: 300px;
    height: 300px;
    border-radius: 150px;
    background: #red;
    border: 2px solid #000;

voidove

/**
 * css float
 */
.container {
	width: 150px;
	height: 100px;
	border: 1px solid blue;
}

.container .box{

voidove

/**
 * form
 */