-本日のアジェンダ-
1限目
学科 HTML/CSS基礎⑤
CSSのプロパティについて
カラーコード
#FFFFFなど同じものが続く色は3桁で入れられる
変えたいオブジェクトを選択して
element.style で入力すると色やフォントを変えてみるなど検証ができる
疑問メモ：background-colorは背景に色のみを指定するプロパティ、backgroundは色、画像など複数の背景関連プロパティをまとめて指定できる
2限目
学科 HTML/CSS基礎⑤
CSSのプロパティについて
デザインの仕事においてはidはほぼ使わない
基本は使いまわせるclassを使う
背景の色を入れることでインライン要素なのかブロック要素なのか判断することができる。レイアウトの際に仮で入れることも。
3限目
学科 HTML/CSS基礎⑤
CSSのプロパティについて
4限目
学科 HTML/CSS基礎⑤
CSSのプロパティについて
・displayプロパティ(要素の表示方法を制御)
内側の余白=padding
外側の余白=margin
5限目うｔ
学科 HTML/CSS基礎⑤
本日の講義のまとめ
本日のテーマ
CSSのプロパティを理解しましょう
本日の課題
本日学んだ内容を復習して整理しておきましょう。
WordPressの投稿ページに学んだことをまとめておくと良いです。
本日学んだこと
プロパティについて
様々ある中でもdisplay,margin,paddingは覚えておくとよい。
背景の色を指定するbackground-colorはレイアウトを確かめたり、インライン要素ブロック要素などを確認するのに便利。
感想
本日はCSSの続きで新たなプロパティを学びました。
中でもdisplayとmargin,paddingは以前学んだことがあったものの、難しいと感じていた部分だったので実際に検証で動かしてみると理解が進みよかったです。