-本日のアジェンダ-
1限目
学科 HTML基礎④
ブロック要素とインラインブロック要素
2限目
学科 HTML基礎④
floatプロパティでナビを作ろう(float）
3限目
学科 HTML基礎④
floatプロパティでナビを作ろう (clearfix)
4限目
学科 HTML基礎④
floatプロパティでナビを作ろう(clearfix)
5限目
学科 HTML基礎④
本日のまとめ
本日のテーマ
CSSで見た目を変えましょう。
【復習】これまでのHTMLタグ（body内）
h1～ h6・ p ・ a ・img・ul( li)・ol( li)・ dl(dt・dd)・table(th・tr・td)
div ←ジョーカー
header・nav・main・section・footer
【復習】これまでのCSSプロパティ
color・background-color・font-size・width・margin
便利ツール
HTMLの記述をチェックしてみよう
Gateway – Another HTML Lint
CSSの記述をチェックしてみよう
CSS Validation Service
タグの意味等が思い出せない場合はこちらで調べてみよう
HTML5リファレンス
色の名前とカラーコードです
HTMLカラーコード: WEB色見本 原色大辞典
CSSのwidth（幅）について
width(幅)の％指定をしましょう。
CSSのwidth（幅）とheight（高さ）の指定方法をマスターしよう
ブロック要素について
要素が、縦積みで表示されるものだけでしょうか。
本日は、これまでに出たタグで検証してみましょう。
【CSS】displayの使い方を総まとめ！inlineやblockの違いは？
疑似要素について
clearfixの中で、疑似要素の果たす役割を理解しましょう。
CSSの疑似要素とは？beforeとafterの使い方まとめ。
画像圧縮ツールのご紹介
ブラウザにドラッグ＆ドロップするだけで、JPGやPNGファイルを圧縮するWEBツール、それが「TinyPNG」です。
TinyJPG