-本日アジェンダ-
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 …… 背景に関する指定をまとめて行う
- background-attachment …… 背景画像の固定・移動を指定する
- background-color …… 背景色を指定する
- background-image …… 背景画像を指定する
- background-position …… 背景画像の表示開始位置を指定する
- background-repeat …… 背景画像のリピートの仕方を指定する
背景画像のサイズ指定は「background-size」
- background-size …… 背景画像のサイズを指定する