oratake https://blog.hatena.ne.jp/oratake/ 情報廃棄物最終処分場 https://oratake.hateblo.jp/ HTML CSS SCSS 学習メモ 仕事では多分使えないが、楽になりそうなのでやっておこうシリーズ(今後増えそう)。 まず最初はSass(scss)。 とりあえず一番CSSに近そうなSCSS記法で勉強。 というかProg-8で学べるやつがそれなので学ぶ。 以下目次。 scssとは 入れ子 自分を指定する( & ) scssとは 基本的にCSSと同じでOKだが、そのままブラウザに入れても使えない。 ので、sass(scss)記法で書いたやつはコンパイルの必要あり。 なぜここまでして.scssを使うかというと、冗長になるCSSの欠点(他諸々あるが)を補うため。 ここには入れ子構造が採用されている。 入れ子 なんでCSSの標準ではない… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Foratake.hateblo.jp%2Fentry%2F2018%2F11%2F25%2F012007" title="sass (scss) 学習メモ - 情報廃棄物最終処分場" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2018-11-25 01:20:07 rich https://oratake.hateblo.jp/entry/2018/11/25/012007 1.0 100%