少し情報が古いところもあると思いますが、HTML・CSSでコーディングする時に
知っておいたほうがよい知識をご紹介しますね。
HTML→文書構造を組み立てるもの
CSS→見た目、レイアウトを調整するもの
CSS→見た目、レイアウトを調整するもの
という役割分担をしっかり意識することが実はウェブを作る時には大切なんです。
ぜひ以下をご参考にしてくださいね。
HTML 編
HTML は文書構造に従ってコーディングする
【参考サイト】
- 「論理的なHTML（文書構造）を意識してつくるWeb デザイン」
- 「文章構造の基本は見出しとパラグラフの２段構成」
- 「リスト・箇条書きで分かりやすくまとめよう」
- 「強調と太字は違う」
- 「テーブル、表はレイアウトに使うものではない」
コーディングガイドラインからWEB 制作現場のノウハウを学ぶ
【参考サイト】
CSS 編
セレクタの種類によるスタイルの優先順位を理解する
【参考サイト】
上記ページの
「セレクタの種類による優先順位」
「記述位置による優先順位」
「優先順位の変更（!important）」
をしっかり理解すること。
スタイルの継承を理解する
【参考サイト】