■@mixin
 1回ルールを決めて色々な場所で使う
 あらかじめ初期値を定義して、初期値と異なる値を指定したいときだけ値を記述


■@extend
 1度作ったスタイルそのまま使う

 指定したセレクタのスタイル(定義したスタイル)を継承する
※注意※@media 内では @extend は使用できない
   @extendは、子孫セレクタや子セレクタなど複数のパターンが成立する

    セレクタにも使用できない(他にもあるので注意が必要)

 

 @extendで%を使った記載方法がある

  ※%・・・プレースホルダーセレクタ

  あらかじめ定義しておきたいが、まだ使わない場合

  定義時に%を使用するとコンパイルしてもCSS側に吐き出されない。

  呼び出すときも%を使用する。

  %に関しては具体例がまだないので、とりあえず頭の片隅に置いておく

 

 

 

コンパイル
特定のプログラミング言語を用いて記述されたコンピュータープログラムを他の言語 (普通はコンピューターが実行できるバイナリ言語) を用いて記述された同じプログラムに形を変える
コンパイラーはコンパイルを実行するソフトウェア