【初心者でもわかる】四隅の一部だけ角丸をつける方法(border-radius)
border-radiusで四隅の一部だけを丸くする方法を紹介します。左上・右上・右下・左下を個別に指定するCSSの書き方を確認できます。
border-radiusで四隅の一部だけを丸くする方法を紹介します。左上・右上・右下・左下を個別に指定するCSSの書き方を確認できます。
修正しやすいCSSを書くためのクラス名の付け方を紹介します。見た目だけで名前を決めた例と意味に基づく例を比べ、保守しやすい記述を考えます。
CSSのclass名を付ける際の注意点を紹介します。文字や先頭の扱い、既存の名前との衝突などを確認し、読みやすく管理しやすい命名を考えます。
CSSのショートハンドと個別指定の書き方を比較します。記述を短くする利点と修正のしやすさを踏まえ、プロパティごとの使い分けを考えます。
marginとpaddingの違いを、ボックスモデルと背景の範囲から解説します。外側と内側の余白をどう使い分けるか、レイアウトを組む際の考え方を紹介します。
インライン要素に指定しても期待どおりに効かないCSSを紹介します。余白や配置の指定を例に、親要素への設定やdisplayの変更による対処方法を解説します。
ブロック要素とインライン要素を中央寄せする方法を解説します。marginとtext-alignの役割を比較し、対象に合わせて指定する考え方を紹介します。
marginに負の値を指定するネガティブマージンの使い方を紹介します。要素を親の外にはみ出させる例と、レイアウトや横スクロールに関する注意点を解説します。
:hoverとcursor: pointerを使ったボタンの反応を紹介します。マウスを重ねたときに色やカーソルを変え、クリックできることを伝えるCSSの書き方を解説します。
text-shadowで文字に影を付ける方法を解説します。位置、ぼかし、色の指定を確認し、デザインに合わせた影のサンプルコードを紹介します。