10/6 フォントサイズ
単位
webでは環境によってサイズが変わるので単位が重要
px
高さがモニタのドットいくつ分あるか
em
基準サイズに対して何倍か
きょうのひとこと
トレースまではできるのですが、いざ自分が作ったサイトに数値を適用するのは難しかったです。"数字"が入ってくるとここまでややこしくなるのか...と痛感しました。
またずっとbracketsでプレビューが見れないためタブを打つたび間違っていないか、変になってないか分からなくなります。
今回も変になっていたら教えていただけると助かります。
10/20ナビゲーションとフロート
ナビゲーションの配置
- 縦＝下に配置したもの隠れる・見ずらい！❌
- 横＝一番上に置けば常に見られる！⭕️
フロート
ボックスを横並びにするのに用いられる方法の一つ。
float
leftで左rightで右並び。浮き上がるのでサイズ指定。
フロートの解除
後継のレイアウトが崩れるので要注意⚠️
overflow:hidden
子孫セレクタ
特定の親要素の子要素だけに限定するセレクタ
親要素・子要素（半角スペースで区切る！）
きょうのひとこと
今回は見やすさ重視の技法を学びました。
縦横比とかは今までの授業で学びましたが、それとはまた別に「ul」について
深く学ぶことができました。親要素...子要素...簡単なようで難しい言葉の言い回しですがそれぞれの役割を覚えれるように頑張ります！今回は比較的内容が簡単で作業進めやすかったです。
またフロート・ナビゲーションで10.htmlにリンクさせhtmlを確認しながらの作業で、
前回かなり適当に作ってしまった（background-color＆imgやフォントカラーなど）のでこの機に10月っぽくライトアップ？させてみました♪
10月と言えば「ハロウィーン」ですので全体をオレンジや紫や黒にしてみました。
今後もこんな感じに積極的にwebサイトを自分なりにデザインしていこうと思います（←すごく今更ですが笑）。