Sass/Scss講座– tag –

チャプター２では、Sassで使用される入れ子構造とコメントについて解説します。 「CSSを効率的に書く！Sassの入門講座」の第２章です。この講座については以下から確認できます。 【ネストの基本】 　Sassでは、CSSのセレクタを入れ子状に記述することができます。これを「ネスト」と呼びます。ネストを使用することで、HTMLのタグやクラス名...

チャプター３では、Sassで使用される変数と演算について解説します。 「CSSを効率的に書く！Sassの入門講座」の第３章です。この講座については以下から確認できます。 【変数の基本】 変数は、指定した値を名前を付けて保存することができ、あとでこの値を使用することができます。変数は、複数のスタイルシートで同じ値を使用する場合に、...

チャプター１では、なぜSassが必要なのか、Sassの開発環境の導入方法を解説します。 「CSSを効率的に書く！Sassの入門講座」の第１章です。この講座については以下から確認できます。 【Sassとは？なぜSassが必要なのか】 　Sass(Syntactically Awesome Stylesheets)は、CSSをより効率的かつ簡単に書くことができるようにするために開発され...

　チャプター6では、Sassでの制御構文について解説します。制御構文を使用することで、より効率的にCSSを記述することができるようになります。 「CSSを効率的に書く！Sassの入門講座」の第6章です。この講座については以下から確認できます。 【比較演算子と論理演算子】 比較演算子について 　Sassでは、比較演算子を使用することで、条件...

このチャプターでは、Sassで使用されるミックスインと継承について解説します。 「CSSを効率的に書く！Sassの入門講座」の第8章です。この講座については以下から確認できます。 【ミックスインの基本 - @mixin】 ミックスインとは、Sassで複数のセレクタに対して同じスタイルを適用するための仕組みです。 @mixinを使用することで、複数のス...

チャプター7では、Sassで使用される関数について解説します。 「CSSを効率的に書く！Sassの入門講座」の第7章です。この講座については以下から確認できます。 【関数とは】 　関数は、決められた処理を一つのまとまりとしてまとめたものです。同じ処理を複数回実行したい場合や、複雑な処理を単純化することができます。Sassでは、内部的に...

チャプター５では、Sassで使用されるファイルの分割やインポートについて学びます。 「CSSを効率的に書く！Sassの入門講座」の第５章です。この講座については以下から確認できます。 【ファイルの分割、パーシャルについて】 Sassでは、複数のSassファイルを組み合わせることで、より複雑なスタイルシートを作成することができます。 これを...

チャプター４では、Sassで使用される配列とマップについて解説します。 「CSSを効率的に書く！Sassの入門講座」の第４章です。この講座については以下から確認できます。 【配列の基本】 　Sassでは、配列を使用することができます。配列は、複数の値をまとめて扱うことができます。 配列のイメージ 　以下のサンプルでは、$font-stackという...

　この講座では「Sassの入門講座」を初心者の方でも問題ないように初歩の解説から小テストや実践を通して解説します。 ８章構成の講座になっていますので、気になっている内容がある方は以下の項目をタップして下さい。 ▼知りたい所から読む方はこちら▼ 【この講座について】 この講座では、Sassの機能を学んでいただき、CSSをより効率的に記...