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

属性基本分类

image.png

布局

image.png

媒体查询

image.png

排版

image.png

其他特征

image.png