zoukankan      html  css  js  c++  java
  • css书写规范

    • 属性的书写顺要有一定的规律。
      1. Display & Flow
      2. Positioning
      3. Dimensions
      4. Margins, Padding, Borders, Outline
      5. Typographic Styles
      6. Backgrounds
      7. Opacity, Cursors, Generated Content
     从上到下的书写顺序示例:
     
     .foobar {
        display: ;
        visibility: ;
        float: ;
        clear: ;
     
        position: ;
        top: ;
        right: ;
        bottom: ;
        left: ;
        z-index: ;
     
         ;
        min- ;
        max- ;
        height: ;
        min-height: ;
        max-height: ;
        overflow: ;
     
        margin: ;
        margin-top: ;
        margin-right: ;
        margin-bottom: ;
        margin-left: ;
     
        padding: ;
        padding-top: ;
        padding-right: ;
        padding-bottom: ;
        padding-left: ;
     
        border: ;
        border-top: ;
        border-right: ;
        border-bottom: ;
        border-left: ;
     
        border- ;
        border-top- ;
        border-right- ;
        border-bottom- ;
        border-left- ;
     
        border-style: ;
        border-top-style: ;
        border-right-style: ;
        border-bottom-style: ;
        border-left-style: ;
     
        border-color: ;
        border-top-color: ;
        border-right-color: ;
        border-bottom-color: ;
        border-left-color: ;
     
        outline: ;
     
        list-style: ;
     
        table-layout: ;
        caption-side: ;
        border-collapse: ;
        border-spacing: ;
        empty-cells: ;
     
        font: ;
        font-family: ;
        font-size: ;
        line-height: ;
        font-weight: ;
        text-align: ;
        text-indent: ;
        text-transform: ;
        text-decoration: ;
        letter-spacing: ;
        word-spacing: ;
        white-space: ;
        vertical-align: ;
        color: ;
     
        background: ;
        background-color: ;
        background-image: ;
        background-repeat: ;
        background-position: ;
     
        opacity: ;
     
        cursor: ;
     
        content: ;
     
        quotes: ;
     
      }
    

      

  • 相关阅读:
    autolayout先进的自动布局工具箱
    iOS7自定义back按钮和pop交互手势
    iOS7开发技巧
    UICollectionView专题
    关于AutoLayout(自动布局)那些事儿
    代码统计利器--CLOC
    vue之指令篇 ps简单的对比angular
    从无到有之webpack+vuerouter的简单例子以及各个属性解释
    关于requestanimationframe
    vim常用指令
  • 原文地址:https://www.cnblogs.com/padding1015/p/7232456.html
Copyright © 2011-2022 走看看