2017年03月1日(水)

Webデザイン初心者がランクアップするためのCSSのコツ10選

• 0
• 444
• 206
• 257

ブログを始めたりホームページを自作したりするために勉強しはじめると、さらにデザインを凝ったものにしたくなります。
また、ある程度カスタマイズが進めば、表示速度をもっと早くしたり、より短いコードでコーディングしたりしたくなります。
そこで必ず話題に上るのが、CSSです。

もちろん、LessやSassのようなCSSプリプロセッサー(関数を使ったりしてプログラミングコードのように書くことができるCSS)が誕生したことで、より複雑なデザインをできるだけ少ないコードで書くことができるようになりました。

しかし、フロントエンドエンジニアとしてレベルアップするためには、どのように書けばレイアウトが改善されたり表示速度が速くなるのかをしっかりと理解しておいたほうがよいでしょう。

今回は、Webデザイン初心者がランクアップするためのCSSのコツをご紹介します。
これから紹介する、多くの初心者を泣かせたCSSの疑問を解決するための10のコツを理解すると、デザインの可能性もさらに広がります。

1. クリーンなCSSリセットの書き方

マージンやパディングなど、ブラウザによってデフォルトの表示設定が異なっているために、従来はnormalize.cssに代表されるCSSリセッ...