-本日のアジェンダ-
1限目
学科 HTML基礎③
セレクタをまとめる
2限目
学科 HTML基礎③
widthとheight
3限目
学科 HTML基礎③
ボックスモデル
4限目
学科 HTML基礎③
課題制作
5限目
学科 HTML基礎③
課題制作
本日のテーマ
CSSを書いてみましょう。
【復習】昨日までのHTMLタグ(body内)
h1~ h6・ p ・img ・ul(li)
【復習】昨日までのCSSプロパティ
color・background-color・border
list-style
width
paddding
CSSの基本文法
CSSは、「セレクタ」「プロパティ」「値」の3つで構成されます。
それぞれを記述することで「どの要素(セレクタ)の、何を(プロパティ)、どのように(値)する」という命令文が成立します。
参考サイト
CSSのwidth(幅)とheight(高さ)の指定方法をマスターしよう
【CSS】box-sizing:border-boxの使い方|効かない時は?
便利ツール
HTMLの記述をチェックしてみよう
Gateway – Another HTML Lint
CSSの記述をチェックしてみよう
CSS Validation Service
タグの意味等が思い出せない場合はこちらで調べてみよう
HTML5リファレンス
HTML5公式の仕様書の日本語訳
色の名前とカラーコードです
HTMLカラーコード: WEB色見本 原色大辞典
画像圧縮ツール
TinyJPG