0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

SCSSって?

Posted at

※エンジニアたまごによる学習記録なので、内容に不備等があるかもしれません。
 また、ノート的な役割なので随時更新していく予定です。

SCSS(SASS)とは?

一言でいうと、CSSを拡張して、より効率的に描くことができる言語のこと。
SASSは"Syntactically Awesome StyleSheet"の略。(そもそも名前にAwesomeと入っている)
SCSSはCSSと似た記述、SASSはRubyと似た記述になっている。

SCSS(SASS)を使うメリット

①CSSのコード量を減らすことができる(入れ子や変数を使うことで簡易化できる)。
②コードの保守や管理がしやすい(コード量が減り、視認性が高まる)。
③バグを減らすことができる(コード量が減ることで人為的ミスが減る)。
④CSSにはない機能を利用できる(変数やMixinなど)。

SCSS(SASS)を使う上での注意

SCSS(SASS)で作成したコードは、CSSにコンパイル(変換)する必要がある。

参考にさせて頂いたサイト

SCSS(SASS)とCSSの違いについて
Sassは絶対に使った方が良いよ!使い方入門編

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?