コーディング【初心者でもわかる】cssを綺麗に書く簡単な方法（修正も簡単！）
修正しやすいCSSを書くためのクラス名の付け方を紹介します。見た目だけで名前を決めた例と意味に基づく例を比べ、保守しやすい記述を考えます。
カテゴリー: コーディング
コーディング
コーディング【初心者でもわかる】marginとpaddingの違い・使い分け方
marginとpaddingの違いを、ボックスモデルと背景の範囲から解説します。外側と内側の余白をどう使い分けるか、レイアウトを組む際の考え方を紹介します。
コーディング【初心者でもわかる】インライン要素に効かないCSS（指定できないCSS）
インライン要素に指定しても期待どおりに効かないCSSを紹介します。余白や配置の指定を例に、親要素への設定やdisplayの変更による対処方法を解説します。
コーディング【初心者でもわかる】CSSで中央寄せの方法と、中央寄せする時の考え方の違い（インライン要素・ブロック要素）
ブロック要素とインライン要素を中央寄せする方法を解説します。marginとtext-alignの役割を比較し、対象に合わせて指定する考え方を紹介します。
コーディング【初心者でもわかる】ネガティブマージンの使い方
marginに負の値を指定するネガティブマージンの使い方を紹介します。要素を親の外にはみ出させる例と、レイアウトや横スクロールに関する注意点を解説します。
コーディング【初心者でもわかる】HTML（HTML5）で閉じタグがいらない要素の一覧
HTMLで終了タグを持たないvoid要素を一覧で紹介します。imgやbrなどの記述方法と、終了タグを省略できる要素との違いを解説します。
コーディング【初心者でもわかる】:hoverとcursor: pointer;でボタンのホバー時の動きをいれる方法
:hoverとcursor: pointerを使ったボタンの反応を紹介します。マウスを重ねたときに色やカーソルを変え、クリックできることを伝えるCSSの書き方を解説します。
コーディング【初心者でもわかる】テキストや文字に影を入れる方法（サンプルコード付き）
text-shadowで文字に影を付ける方法を解説します。位置、ぼかし、色の指定を確認し、デザインに合わせた影のサンプルコードを紹介します。
コーディング絶対パス、相対パス、ルートパスなど3つのパスの書き分け方や違いを解説
絶対パス・相対パス・ルート相対パスの違いを解説します。ファイルの位置と指定の基準を整理し、リンクや画像の参照先を書き分ける方法を紹介します。
コーディングブロック要素でもインライン要素でもなくセクショニングルート要素
HTMLのセクショニングルート要素について紹介します。ブロック要素・インライン要素という分類との違いや、画面上の配置を考える際のポイントを整理します。