今回はCSSの便利なセレクタを一挙にまとめていきます。セレクタをマスターしておくと、効率的なCSSを書くことができ後々ラクになるはずです。
![★CSSのセレクタとは?覚えておきたい25種類と書き方](https://cdn-ak-scissors.b.st-hatena.com/image/square/a0206695d4537f3758a3a7c650edcf470b7b4a97/height=288;version=1;width=512/https%3A%2F%2Fsaruwakakun.com%2Fwp-content%2Fuploads%2F2017%2F03%2F92346-OJNUDI-588-01.png)
今回はフラットデザインの基礎知識と作成する際に知っておきたい考え方をまとめていきます。 1. フラットデザインとは? ものすごくざっくりというと「立体感のないシンプルで平面的なデザイン」のことです。その名の通りflat(平ら)なデザインというわけですね。 1-1. いつから流行りだした? 2012年頃〜フラットデザインが世界的にトレンドとなってきました。iOS7〜iPhoneにもフラットデザインを採用されたことで、一気にメジャーになったというイメージですね。というわけで今回の解説はやや今更感があることは否めません。 1-2. 対義語はリッチデザイン フラットデザインの対義語は「リッチデザイン」と呼ばれます。色々な装飾やエフェクトがついていてリッチな(≒充実している)感じというわけです。 1-3. 実例 いくつか例を見てみましょう。 iPhoneの例
今回は見出し(h1〜h6タグ)のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く