【Sass】Sassとは?CSSをより美しく書く。Kのプログラミング勉強ブログスマートフォン用の表示で見るKのプログラミング勉強ブログプログラミング勉強中のKです。できるだけ簡潔に、勉強したことをブログに載せていこうと思います。この広告は、90日以上更新していないブログに表示しています。2015-09-06【Sass】Sassとは?CSSをより美しく書く。(使い方編)【導入】Sassファイルとは、CSSの拡張ファイルです。以下の様な記法をすることができます。}}これはCSSでいう、以下の記述と同じです。15px;}例えば、こんな書き方ができると「class名とか被って、他のとこにも影響しちゃうんじゃないかな...」なんて問題も、sass階層で書いていくことにより、回避しやすくことができますよね。(より詳細に、意図した場所に書くことができるわけですから。)もちろん、以下のような抽象的な記述は、階層で書かなければいいだけです。W6",Sans-Serif;}【使い方】sassファイルは、あくまで記述用のファイルです。sassプログラムを通してコンパイルし、cssファイルを作成する必要があります。先ほどのtest.scssをtest.cssにコンパイルします。...といっても、sassファイルのあるディレクトリに移動し、ターミナルで以下のコマンドを打つだけで終わりです。test.scss:test.cssこれでtest.cssを生成できました。【注意】sassファイルには以下の2種類の拡張子が存在します。.sass.scssしかしながら、.sassファイルはもはや化石になっていっている気がします...初めて扱う方は、.scssファイルを使うことをおすすめします。18:18【Sass】Sassとは?CSSをより美しく書く。以下のテキスト中で「test」⇨「hogehoge」と変換していきます。»プロフィールid:k-programプログラミング勉強中のKです。勉強したことを忘れないうちにブログに載せていこうと思います。Plusは結局どこで買うのがお得か?料金比較を真剣にしてみた。【Sass】Sassファイルの変更内容をcssファイルに自動更新させたい月別アーカイブ参加グループプログラミングはてなブログをはじめよう!k-programさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。