【学習62日】chat-spaceのサイト画面の制作②【応用24日】

Googleクローム上のコンテンツに

スポイトをマウスオーバーすると

そのコンテンツのRBG値がわかる！！

色の名前とカラーコードが一目でわかるWEB色見本
色検索 - 原色大辞典
サイト内の色を検索

このサイトを眺めているだけでも楽しい！！

結局paddingとmarginどっち使えばいいの？？！

という疑問を丁寧に丁寧に紹介してくれるサイト

感動した！！

過去のカリキュラム等を見ながらそれっぽくはなってきた？気がする！（と言っておこう！）

f:id:vamnasocana:20191025224832p:plain

・右下のSENDボタンを仕様書通りに設定できたことはよかった

→paddingとmargin　が分かり始めてきた！（遅い）

・ただ、右上に来るべきEditボタンが左側にきている…

　headerを親要素にもつブロックのはずなんだけれども何故　　

　→position: relative;　と　position: absolute;　が

　　本当に理解できていないまま進めているからだと思うので

　　帰りの電車の中で復習し、見直す！

二足のわらじ