CSS学習で増えた入力ミス|職業訓練7日目のボックスモデルと表の装飾

  • 2015年3月24日
  • 2026年10月20日
  • 転職
  • 1view

教室に慣れてきた7日目。分からないことをすぐ先生に聞く場面も増えました。クラスの皆さんも積極的に質問していて、心地よい活気があります。

文字とボックスのスタイル

MacBook Proの電源を入れると、プログラミングコードが表示されます
写真:Unsplash

文字の装飾に加え、border、paddingなどのボックスに関する指定を学びました。CSSファイルをほかのページに関連付け、見出しのスタイルも追加します。

表と背景を整える

地球儀とパソコンのイメージ

border-collapseやbackground-colorを扱い、背景画像とその位置、固定方法も確認しました。16進数カラーコードは、同じ数字が対になっていると短縮できます。例えば#668800は#680、#000000は#000です。

特定の場所にだけCSSを適用する

div要素でまとめた部分を区別し、idやclassを使って指定する練習もしました。widthによる幅の指定も項目です。

講師のオリジナル演習では、フォルダーの階層や小さな入力ミスに注意。ちょっとした確認用に紹介されたJSFiddleも、当時の学習メモに残しています。

教材:『ゼロからわかるHTML&CSS超入門』太木裕子著。これは2015年の受講記録です。

ノートパソコン、ノート、電話、マグカップは机の上に置かれています
最新情報をチェックしよう!