css よく使う共通できそうなスタイル集

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css よく使う共通できそうなスタイル集相关的知识,希望对你有一定的参考价值。

/* ファイル名: FileName

[項目/目次]
* grid コンテナーの上書き
* 要素の重なりの順番を指定したい時z-index
* ボタンの基本スタイル
* テキストフィールドの基本スタイル
* 選択ボックス/Select Boxの基本スタイル
* check box
*/ 

@charset "UTF-8";
@import "base.css"; /* color, font-size.. from u r project Design. */


/* 要素の重なりの順番を指定したい時
* 9 > 5 > 0 (例)
*/
.zin9 {
  z-index: 9999;
}

// display: flex; の解除など
.d-block, .pc {
  display: block;
}

/* sp の時に表示する為に 非表示待機する */
.sp {
  display: none;
}



/* = SP only
============== */
@media only screen and (max-width: 767px) {
  .pc {
      display: none;
  }
  .sp {
      display: block;
  }
  
  
}

以上是关于css よく使う共通できそうなスタイル集的主要内容,如果未能解决你的问题,请参考以下文章

sh よく使いそうなrsync的コマンド

scss よく使ってる便利そうなmixin集(Scss mixin collection)

csharp 出题文を一文字ずつ表示する。タイピング音も鸣らす。流用できそう

css スタイルのリセット

css スタイルのリセット

sql よく使うSQL PostgreSQL