学識

💭 scssとは?

cssをプログラミング言語のようにします.
scssをコンパイルしてcssのようにします.
scssを使用する場合はgulpファイルを作成して設定する必要があります.
srcが見たファイルで起こったすべてのこと
cssにコンパイルします.

1.variables

_variables.scssのようにファイル名に下線を引きます.
cssにコンパイルされていません.scss用のファイルのみです.

지정 : ${};
사용 : scss파일에 @import "파일명.scss" ;

2.nesting

ネスト;コードの記述がより直感的
既存

.box h2{
}


.box button{
}

ネストします.このように親カッコに入れればいいです.

.box{
 h2{
   color:blue;
 }
 button{
 }
}

重ね合わせに重ねて、中に入れるときに'&'を使うことができます.

.box{
 &:hover{
 
 }
 h2{
   color:blue;
 }
 button{
 }
}

3.mixins

mixinにはパラメータがあります.
入力パラメータの使用
条件文@if,@elseが使用可能です.

複数の要素に一度にスタイルを適用する場合
指定:@mixinキーワード
使用:@includeキーワード

正式な書類
文章を説明する

4.extends

コードを再利用する場合に使用
指定:“%”
使用:@extendキーワード

5.responsive mixin

指定:@contentキーワード
使用:@includeキーワード(@mixinと同じ)
minxinsは本当に多様です
特に役に立つのは
bourbon:Mixinのライブラリに適用
mixin media query:1台あたりの反応型
animate動画効果

に感銘を与える

css基本構文とflex、gridを使用したレイアウトのみを学習します.
私は初めてscssに触れたのですが、初めてだったので見慣れませんでした
確かにcssより使いやすい感じです.
授業で習ったことを復習するので、間違った情報はきれいな言語でフィードバックしてください.