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

-本日のアジェンダ-

1限目
学科 レイアウトデザイン基礎④
セレクタについて

2限目
学科 レイアウトデザイン基礎④
リセットCSSについて

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

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

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

本日のテーマ

セレクタ をしっかり制御しましょう。

セレクタとは?

セレクタ(CSSセレクタ)は、CSSにおいてスタイルを適用する要素を選択するための条件式です。
セレクタ{ プロパティ :値;}
このセレクタをコントロールする事を意識しましょう。

サンプルページ(セレクタの得点)

ワンポイントアドバイス

CSSを思い通りにコントロールするには、セレクタの管理・理解をしっかりと行う事がコツです。
プロパティと値は後回しにして、セレクタの得点計算をしっかりと行ってみましょう。また、間違い探しのコツとして、HTMLに合わせて、コードの上から書くのも管理しやすくするコツです。

参考サイト

リセットCSSとは?

リセットCSSとは、ブラウザがデフォルトで持っているCSSを打ち消すCSSです。
各ブラウザは固有のCSSを持っています。(デフォルトのCSSと呼びます。)
このデフォルトのCSSの影響で、Webページをデザインするために自分で書いたCSSが意図しない表示になることがありますので、上手にリセットCSSを活用すると良いでしょう。

ワンポイントアドバイス

リセットCSSは育てていきましょう。サイト制作毎に、また更新やリニューアル毎に案件の運用方針や世の中のトレンドなどに合わせて育てていくと良いでしょう。また、リセットCSSにも流行りがあります。扱う記述は良く調べてから使ってみましょう。

参考サイト

第4回成績考査

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