コーディング【初心者でも分かる】htmlファイルにCSSを書く方法と、適応優先順位について。
HTMLにCSSを適用する方法と優先順位の考え方を紹介します。タグ内、style要素、外部ファイルなどの記述場所による違いを解説します。
カテゴリー: コーディング
コーディング
コーディング【初心者向け】学習サイト（プロゲートやドットインストール等）が講了したら次にすること
HTML・CSSの学習サイトを終えた後の練習方法を紹介します。理解度や自力で作れる範囲に合わせて、復習や制作へ進む次のステップを考えます。
コーディング【初心者向け】よく使うCSSで唯一、ブロック要素に効かないCSSが1つ存在する話
ブロック要素に効くCSSと効かないCSSを検証します。文字・背景・配置などのプロパティを確認し、指定先の要素によって効果が異なることを解説します。
コーディング【初心者でもわかる】CSSだけで要素の順番をPCとスマホで入れ変える方法（レスポンシブ対応）
CSSで要素の表示順をPCとスマホで切り替える方法を解説します。レスポンシブな配置例を通して、HTMLを複製せずに並び方を変える方法を紹介します。
コーディング【初心者でも分かる】定義リスト（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の書き方を確認できます。