1. .declaration-order {
  2.   /* 定位 */
  3.   position: absolute;
  4.   top: 0;
  5.   right: 0;
  6.   bottom: 0;
  7.   left: 0;
  8.   z-index: 100;
  10.   /* 盒模型 */
  11.   display: block;
  12.   float: right;
  13.   width: 100px;
  14.   height: 100px;
  15.   margin: 10px;
  16.   padding: 10px;
  17.   box-sizing: border-box;
  19.   /* 版式 */
  20.   font: normal 13px "Helvetica Neue", sans-serif;
  21.   line-height: 1.5;
  22.   color: #333;
  23.   text-align: center;
  25.   /* 视觉 */
  26.   background-color: #f5f5f5;
  27.   border: 1px solid #e5e5e5;
  28.   border-radius: 3px;
  29.   box-shadow: 0 0 10px #000;
  31.   /* 杂项 */
  32.   opacity: 1;
  33. }

属性基本分类

image.png

布局

image.png

媒体查询

image.png

排版

image.png

其他特征

image.png