日々の忘備録とリファレンス

PHPマニア

HTML・CSS・PHP・jQuery・Mysql・Linuxの総合情報サイト

PHPを中心にしたIT用語など、サーバー用語からTCP/IP用語まで

HTML・CSS・PHP・jQuery・Mysql・Linuxの情報サイト

+
Share
Bookmark
Follow

Sass(サス)

Sassとは

IT用語の中のプログラミング用語である「Sass」について説明していきます。

Sassの読み方

Sassはカタカナで表すと「サス」と読みます。

Sassは何の略?

Sassは「Syntactically Awesome StyleSheet」の略で、カタカナで表すと「シンタクティカリー オーサム スタイルシート」と読みます。

Sassって何?
Sassとは、CSSを記述しやすくした拡張機能の一つです。

Rubyをベースに作られています。

書き方は、Sass記法とSCSS記法があります。

Sass記法
  .sample1
   font-weight: bold
   .sample2
    margin-top: 10px

SCSS記法
  .sample1{
   font-weight: bold;
   .sample2{
    margin-top: 10px;
   }
  }

コンパイル後
SassSCSSで上記のように記述した後コンパイルすると、以下のようになります。
  .sample1 {
   font-weight: bold;
  }
  .sample1 .sampl e2 {
   margin-top: 10px;
  }

Sassと同じカテゴリのIT用語

プログラミング用語

Copyright© 2019-2021 php-mania.com All Rights Reserbed.

当サイトに掲載している文章、画像などの無断転載を禁止いたします。