CSSでスタイルを適用する対象を指定するために使用するのがセレクタ（selector）です。 今まで使用してきたセレクタには以下のものがあります。 使用してきた代表的なセレクタ classセレクタ idセレクタ 子セレクタ 子孫セレクタ 擬似クラス 新しいCSS ここ…

See the Pen css-gridでレイアウト by yachin29 (@yachin29) on CodePen. CSS グリッドレイアウトは、 表と同様に簡単に段組等が作れ、グリッドレイアウトによって要素を列と行に整列させることができます。 CSS グリッドを使用する事で表で実現するよりもよ…

See the Pen スマホ時にスクロールスナップ by yachin29 (@yachin29) on CodePen. www.nike.com 以前はjavascript等で制御していたスクロールスナップも現在ではcssのみで簡単に実装出来ます。またflexやvw、vhを使う事でレスポンシブにも簡単に対応出来ます…

曲線を使う事で柔らかい表現が出来ます。以前は画像で表現していた曲線や流体シェイプなども今はCSSで簡単に作成が可能なので、テーマによっては使って見ましょう。 www.haruta-shoes.co.jp hazeruassabu.com ginza6.tokyo border-radiusを使う border-radiu…

CSSリセットとは、デフォルトでブラウザに付いているスタイルを打ち消す（リセットする）CSSのことです。 すべてのブラウザには、すべてのWebページに適用される「user agent stylesheet」と呼ばれるデフォルトのスタイルが付属しています。CSSリセットはブ…