美文网首页
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