コーディング【初心者でも分かる】定義リスト（dl）を使って、tableみたいな表組みデザインを作る方法（レスポンシブ対応）
定義リストのdlを使い、表のような2列のレイアウトを作る方法を紹介します。flexboxでの配置とスマホ向けの調整を、サンプルコードで解説します。
タグ: 初心者
コーディング
コーディング【初心者でもわかる】親子関係が予め決まっている要素一覧
HTMLで親子関係が決まっている要素を一覧で紹介します。リストや表などの構造を確認し、タグを正しく組み合わせるための基本を解説します。
コーディング【初心者でもわかる】HTML・CSSで「 >（逆くの字矢印）」の5つの作り方
HTMLとCSSで逆くの字の矢印を作る5つの方法を紹介します。文字や画像などの表現を比較し、デザインや使う場面に合った作り方を考えます。
コーディング【初心者でもわかる】原因は改行？インライン要素の近くに謎の空白（スペース）ができる理由
インライン要素の間に意図しない空白ができる理由を解説します。HTMLの改行が表示に与える影響と、改行の書き方などによる対策を紹介します。
コーディング【初心者でもわかる】flexboxのjustify-content: space-between;で最後の行を左寄せにする方法
flexboxのspace-betweenで最終行の要素が左右に離れる場合の対処法を紹介します。複数行のカードを並べ、最後の行を左寄せに整える方法を解説します。
コーディング【初心者でもわかる】四隅の一部だけ角丸をつける方法（border-radius）
border-radiusで四隅の一部だけを丸くする方法を紹介します。左上・右上・右下・左下を個別に指定するCSSの書き方を確認できます。
コーディング【初心者でもわかる】cssを綺麗に書く簡単な方法（修正も簡単！）
修正しやすいCSSを書くためのクラス名の付け方を紹介します。見た目だけで名前を決めた例と意味に基づく例を比べ、保守しやすい記述を考えます。
テクニック【初心者でもわかる】コピーライトは必須じゃない・・・だと？最新の書き方をおさらい
Webサイトのコピーライト表記について、記号・著作権者・年の書き方を紹介します。表記の目的や参考資料を整理した、記事執筆時点の解説です。
テクニック【初心者でもわかる】cssで使ってはいけないclass名、使わない方がいいclass名
CSSのclass名を付ける際の注意点を紹介します。文字や先頭の扱い、既存の名前との衝突などを確認し、読みやすく管理しやすい命名を考えます。
考察【初心者でもわかる】cssで使えるショートハンドの書き方と、ショートハンドかロングハンドのどちらを使うべきかについての考察
CSSのショートハンドと個別指定の書き方を比較します。記述を短くする利点と修正のしやすさを踏まえ、プロパティごとの使い分けを考えます。