CSS - ツールtool.css

/ *フレックス* /
。フレックス{
    表示:フレックス。
}
【選択F1 {
    フレックス:1
}
.flex中心{
    ALIGN-アイテム:センター;
    正当化 - コンテンツ:センター;
}
{AI-中心
    ALIGN-アイテム:センター;
}
.AI-開始{
    ALIGN-アイテム:フレックススタート。
}
.AI-端{
    ALIGN-アイテム:フレックス・エンド。
}
.jc中心{
    正当化 - コンテンツ:センター;
}
.jsスタート{
    正当化 - コンテンツ:開始。
}
.js端{
    正当化 - コンテンツ:開始。
}

/ *フォントセンター* /
.font-CT {
    テキスト整列:センター;
}

/ *判定* /
時間{
    ボックスのサイズ変更:コンテンツボックス。
    高さ:0;
    オーバーフロー:目に見えます。
}
/ *マージンとパディング* /
.M-0 {
    マージン:0重要;!
  }
  
  .mt-0、
  .MY-0 {
    マージントップ:0重要;!
  }
  
  .mr-0、
  .MX-0 {
    マージン右:0重要;!
  }
  
  .mb-0、
  .MY-0 {
    マージン下:0重要;!
  }
  
  .mlの-0、
  .MX-0 {
    margin-left:0重要;!
  }
  
  .M-1 {
    マージン:0.25rem重要;!
  }
  
  .mt-1、
  .MY-1 {
    マージントップ:0.25rem重要;!
  }
  
  .mr-1、
  .MX-1 {
    マージン右:!0.25rem重要。
  }
  
  .mb-1、
  .MY-1 {
    マージン下:!0.25rem重要。
  }
  
  .mlの-1、
  .MX-1 {
    margin-left:0.25rem重要;!
  }
  
  .M-2 {
    マージン:0.5rem重要;!
  }
  
  .mt-2、
  .MY-2 {
    マージントップ:0.5rem重要;!
  }
  
  .mr-2、
  .MX-2 {
    マージン右:!0.5rem重要。
  }
  
  .mb-2、
  .MY-2 {
    マージン下:!0.5rem重要。
  }
  
  .mlの-2、
  .MX-2 {
    margin-left:0.5rem重要;!
  }
  
  .M-3 {
    マージン:1rem重要;!
  }
  
  .mt-3、
  .MY-3 {
    マージントップ:1rem重要;!
  }
  
  .mr-3、
  .MX-3 {
    マージン右:!1rem重要。
  }
  
  .mb-3、
  .MY-3 {
    マージン下:!1rem重要。
  }
  
  .mlの-3、
  .MX-3 {
    margin-left:1rem重要;!
  }
  
  .M-4 {
    マージン:1.5rem重要;!
  }
  
  .mt-4、
  .MY-4 {
    マージントップ:1.5rem重要;!
  }
  
  .mr-4、
  .MX-4 {
    マージン右:!1.5rem重要。
  }
  
  .mb-4、
  .MY-4 {
    マージン下:!1.5rem重要。
  }
  
  .mlの-4、
  .MX-4 {
    margin-left:1.5rem重要;!
  }
  
  .M-5 {
    マージン:3rem重要;!
  }
  
  .mt-5、
  .MY-5 {
    マージントップ:3rem重要;!
  }
  
  .mr-5、
  .MX-5 {
    マージン右:!3rem重要。
  }
  
  .mb-5、
  .MY-5 {
    マージン下:!3rem重要。
  }
  
  .mlの-5、
  .MX-5 {
    margin-left:3rem重要;!
  }
  
  .P-0 {
    パディング:0重要;!
  }
  
  .pt-0、
  .py-0 {
    パディングトップ:0重要;!
  }
  
  .pr-0、
  .PX-0 {
    パディング右:0重要;!
  }
  
  .pb-0、
  .py-0 {
    パディングボトム:0重要;!
  }
  
  .plの​​-0、
  .PX-0 {
    パディング左:0重要;!
  }
  
  .P-1 {
    パディング:0.25rem重要;!
  }
  
  .pt-1、
  .py-1 {
    パディングトップ:0.25rem重要;!
  }
  
  .pr-1、
  .PX-1 {
    パディング右:0.25rem重要;!
  }
  
  .pb-1、
  .py-1 {
    パディング下:!0.25rem重要。
  }
  
  .plの​​-1、
  .PX-1 {
    パディング左:!0.25rem重要。
  }
  
  .P-2 {
    パディング:0.5rem重要;!
  }
  
  .pt-2、
  .py-2 {
    パディングトップ:0.5rem重要;!
  }
  
  .pr-2、
  .PX-2 {
    パディング右:0.5rem重要;!
  }
  
  .pb-2、
  .py-2 {
    パディング下:!0.5rem重要。
  }
  
  .plの​​-2、
  .PX-2 {
    パディング左:!0.5rem重要。
  }
  
  .P-3 {
    パディング:1rem重要;!
  }
  
  .pt-3、
  .py-3 {
    パディングトップ:1rem重要;!
  }
  
  .pr-3、
  .PX-3 {
    パディング右:1rem重要;!
  }
  
  .pb-3、
  .py-3 {
    パディング下:!1rem重要。
  }
  
  .plの​​-3、
  .PX-3 {
    パディング左:!1rem重要。
  }
  
  .P-4 {
    パディング:1.5rem重要;!
  }
  
  .pt-4、
  .py-4 {
    パディングトップ:1.5rem重要;!
  }
  
  .pr-4、
  .PX-4 {
    パディング右:1.5rem重要;!
  }
  
  .pb-4、
  .py-4 {
    パディング下:!1.5rem重要。
  }
  
  .plの​​-4、
  .PX-4 {
    パディング左:!1.5rem重要。
  }
  
  .P-5 {
    パディング:3rem重要;!
  }
  
  .pt-5、
  .py -5- {
    パディングトップ:3rem重要;!
  }
  
  .pr-5、
  .PX-5 {
    パディング右:3rem重要;!
  }
  
  .pb-5、
  .py -5- {
    パディング下:!3rem重要。
  }
  
  .plの​​-5、
  .PX-5 {
    パディング左:!3rem重要。
  }
  / * ---終わり---マージンとパディング* /

おすすめ

転載: www.cnblogs.com/500m/p/12640051.html