cssの基礎

文字コード

@charset "utf-8";
外部スタイルシートの文字コードの指定。1行目に書く。
【shift_jis】や【euc-jp】を指定する場合は【utf-8】の部分を置き換える。

レスポンシブ

〇〇px以上

@media screen and (min-width: サイズpx) {ここにcssを記入 }
min-width(最小の画面サイズ)より上のサイズにcssが適応される。

〇〇px以下

@media screen and (max-width: サイズpx) { ここにcssを記入}
max-width(最大の画面サイズ)より小さいサイズにcssが適応される。

〇〇px~〇〇pxまで

@media screen and (min-width:最小サイズpx) and ( max-width:最大サイズpx) {ここにcssを記入}
min-width(最小の画面サイズ)~max-width(最大の画面サイズ)までのサイズ幅でcssが適応される。

コメントアウト

/* コメント */
ブラウザ上に表示されないメモ。
/* =========================▼ コメント ▼ */
こういうのだと見つけやすくて編集しやすい。
/* =========================▲ コメント ▲ */

ちょっとしたまとめ。

@charset "utf-8";

/* ============================= コメント == */

@media screen and (min-width: サイズpx) {
 } /* min-サイズ end */

@media screen and (max-width: サイズpx) { 
} /* max-サイズ end */