HTML/CSSコース

CSSの変数（カスタムプロパティ）を知っておこうCSSドキュメント内で定義される値のことです。変数とは文字列や数値などを入れる箱のようなもので、数値や文字列を入れたり出したりすることで、中身を変えることができます。CSS変数の定義については...

グリッドレイアウトを理解しておこう列と行を定義する水平線と垂直線の集合が交差したものです。要素をグリッド上の行と列の中に配置することができます。grid列と行を定義する水平線と垂直線（グリッドライン）が交差した格子状のもので、要素をグリッド...

PCなのかスマホなのか、Webサイトを利用するブラウザや端末によってディスプレイの大きさが変わるため、サイズによってもわかりやすい画面表示が必要です。viewportの設定を知っておこうmeta viewport（ビューポート）は、スマホや...

transition効果を適用して使うtransition（時間的変化）効果を適用してアニメーション動作をさせてみます。transitionプロパティは:hoverや:activeなど、要素が変化するためのトリガーが必要となります。:hov...