【读书笔记】CSS代码规范

  • 声明顺序
    1. Positioning
    2. Box model
    3. Typographic
    4. Visual

 

.declaration-order {
  /* Positioning */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;

  /* Box-model */
  display: block;
  float: right;
  width: 100px;
  height: 100px;

  /* Typography */
  font: normal 13px "Helvetica Neue", sans-serif;
  line-height: 1.5;
  color: #333;
  text-align: center;

  /* Visual */
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  border-radius: 3px;

  /* Misc */
  opacity: 1;
}

 

posted @ 2015-07-30 17:24  WFE-Hank  阅读(145)  评论(0编辑  收藏  举报