かなり使えるCSSの応用編Sass基本テクニック

Sass知ってますか?

自分は最近知りましたw

CSSのコーディング効率やソースコードの保守性を向上させる技術がSassと書かれております

でわ、実際どんなものか

CSSはご存知と思って書きます

たとえば、同じ色をリンクに指定したい時

a {
color: #999999;
}

ですよね、さらにラインなどにも指定したい時

.line {
border: solid 1px #999999;
}

ですよね、

これをまとめる事が出来るのがSassです。

$link:#999999;

a {
color: $link;
}

.line {
border: solid 1px $link;
}

てな、感じです、いいですね。

ちょっとPHPぽいです。

最初に$linkは#999999と指定して

次に$linkを書くと#999999が適応されます。

これがSassらしいです。

ここからは!!
もっとわかり易い説明書かれているサイトさんにおまかせします。

Sass講座>>

目指せSassマスター!

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

PR

PR




ページ上部へ戻る