学科(HTML/CSS基礎⑥)

-本日アジェンダ-

1限目
学科(HTML/CSS基礎⑥)
リセットCSSについて

2限目
学科(HTML/CSS基礎⑥)
imgについて

3限目
学科(HTML/CSS基礎⑥)
backgroundについて

4限目
学科(HTML/CSS基礎⑥)
デザインラフ制作

5限目
学科(HTML/CSS基礎⑥)
本日のまとめ

本日のテーマ

CSSを意識してレイアウトを考えましょう。

本日のキーワード

  • リセットCSS
  • background
  • img

リセットCSSとは?

リセットCSSとは、ブラウザによって異なるデフォルトのCSSを打ち消してブラウザ間の表示を揃えるためのCSSファイルのことを言います。 … リセットCSSは、CDNを使ったりコードをコピペするだけで簡単に導入することができるので、Webサイトをコーディングするときには正しくリセットCSSを使用するようにしましょう。

リセットCSSのポイント!
リセットCSSは育てていきましょう!!

参考サイト


背景画像の指定は「 background 」

背景画像のサイズ指定は「background-size」