美文网首页
CSS 定义顺序

CSS 定义顺序

作者: 抽疯的稻草绳 | 来源:发表于2021-02-10 21:48 被阅读0次

访问地址定义顺序

  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;
}

相关文章

网友评论

      本文标题:CSS 定义顺序

      本文链接:https://www.haomeiwen.com/subject/gezkxltx.html