学科 レイアウトデザイン基礎⑤

-本日のアジェンダ-

1限目
学科 レイアウトデザイン基礎⑤
デベロッパーツールについて

2限目
学科 レイアウトデザイン基礎⑤
プロパティと値 について

3限目
学科 レイアウトデザイン基礎⑤
課題制作

4限目
学科 レイアウトデザイン基礎⑤
課題制作

5限目
学科 レイアウトデザイン基礎⑤
課題制作

本日のテーマ

後はプロパティと値をひたすら書く

プロパティと値について

プロパティ(property)とは適用するスタイルの種類のことです。 上記の例では色を指定するcolorプロパティの値(value)にblueを指定しています。 CSSでは他にも様々なプロパティが用意されているので、適用するスタイルに応じて使い分けます。
ひとつのセレクタに対して複数のスタイル指定する場合には、スタイル宣言をセミコロン( ; )で区切って記述します。 セミコロン( ; )は宣言同士の区切り記号なので最後は必要ありませんが、付けても誤りではありません。 後からスタイル宣言を追加したり、スタイル宣言の順序を入れ替える可能性などを考慮して付けておくのが一般的です。

ワンポイントアドバイス

後は、デベロッパーツールでプロパティと値をひたすら書くです。
レイアウトに関するCSSは、HTMLの上から下に対して、影響をもたらす場合があります。(marginとか)デザイン(デザインラフ)の上から作っていくと、変な間違い等の見落としを回避し易いです。

参考サイト

第4回成績考査

9月6日の5限目までに、Webページを提出してください。
サイト内容は、自由です。
※是非、就職活動に活かせる作品を作成してみてください。

http://deau00000.html.xdomain.jp/sample20210817/