トップ  >  2018年  >  2018.03.15 [CSS] Sass ってなに?
features [CSS] Sass ってなに?
2018.03.15記
今回は「Sass」(Syntactically Awesome Stylesheets)について調べようと思います
「サース」って読むらしい
参考: https://ja.wikipedia.org/wiki/Sass

sassとは、スタイルシート言語のことで
  • コードブロックや改行を字下げで表現→「SASS構文」
  • 波括弧でブロック、セミコロンで行末を示す→「SCSS構文」
の2種類があるが、ブラウザはこの記述で書かれたスタイルシートは理解できないため、コンパイルし「CSS」にする必要がある。


コンパイルするために以下のプログラムなどを利用
  • gulp
  • Prepros
  • Dreamweaver


ブラウザでSassを確認できるサイト
https://www.sassmeister.com/

sassとHTMLを記述すると、コンパイルしたCSSとその記述のブラウザでのサンプルが表示されます


Sassは、CSSでは記述できない、以下のようのことができます
  • 変数
  • ネスティング
  • ミックスイン
  • ループ
  • 引数
  • セレクタの継承


参考書籍

 Web制作者のためのSassの教科書 改訂2版(2017/9/15)
 Sass&Compass徹底入門(2014/3/18)
 Sassファーストガイド―CSSをワンランク上の記法で作成!(2015/11/1)
 Sass入門 〜より効率的なCSSコーディング Kindle版(2013/11/11)
それにしても利点などの個人的に今一つ理解できないでいます
また、Sassでの記述に関しては別の機会にやりたいと思います
前
2018.04.15 [HP探索] 独立行政法人
カテゴリートップ
2018年
次
2018.02.15 スマートスピーカー

PAGE TOP 
メニュー
サイト内検索
ログイン
ユーザ名:

パスワード:


パスワード紛失

新規登録
Copyright(C) 1999-2018 keibunsya all right reserved.