基本顺序：布局方式-盒子模型-文本排版-视觉效果

布局方式：position/display/left/top/right/bottom等
盒子模型：margin/padding/border/widht/height等
文本排版：font/text-align/text-transform/line-height等
视觉效果：color/transform/background/box-shadow等

基本格式如下：

.demo {
	<!-- 布局 -->
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: row;
	overflow: hidden;
	
	<!-- 盒子模型 -->
	margin: 10px;
	padding: 0 10px;
	border: 1px solid rgba(0,0,0,.3);
	width: 100px;
	height: 40px;
	
	<!-- 文本排版 -->
	text-align: center;
	font-size: 14px;
	text-transform: uupercase;
	
	<!-- 视觉效果 -->
	color: #00ff00;
	background: white;
	box-shadow: 0px 3px 5px -4px rgba(0,0,0,.2);
	transform: rotateX(30deg) scale(.9);
	transition: all .5s;
	animation: ...;	
	
}