タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

gihyojpに関するhrtsgtのブックマーク (1)

  • 第2回 LESS記法を身につける(初級編) | gihyo.jp

    最低限おさえておくべき6つの記法 前回はLESSが解決してくれる悩みと、less.jsの利用法をご紹介しました。 今回はいよいよ実際にLESSを書いていきましょう。 とはいえ、LESSの記法の中でもよく使われるものと、あまり使われないものがあります。今回は初級編として、LESSを使うなら必ず覚えておきたい記法と、その活用法、注意点などを見ていきましょう。 LESSで基として押さえておくべきは下記6点です。 ネスト 変数 ミックスイン 演算 コメント インポート これだけでもCSSのコーディング速度が1.5倍くらいになり、十分にLESSの恩恵にあずかれます。 順番に見ていきましょう。 なお、コードの見かたは以下のとおりです。 ネスト ~CSSのセレクタを入れ子にする ネストとは、以下のようにCSSのセレクタをどんどん入れ子にして書いていくことです。 // LESS #header { h1

    第2回 LESS記法を身につける(初級編) | gihyo.jp
    hrtsgt
    hrtsgt 2012/06/18
    LESSで3倍ラクするスマートフォンコーディング:第2回 LESS記法を身につける(初級編) #gihyojp
  • 1