HTMLCSS基礎⑥

CSSの記述方法について

・得点、下に書いた順で優先

・idは一か所しか使わない（だけど点数が高い）

・同点だと下が有効

・レイアウト系プロパティは考えないとうまくいかない

・marginは一個

・昔の物はコンテンツの幅を書いている

・一般的には高さは指定しない

・横は指定すれば自動でなんとかブラウザがしてくれる

・正方形みたいな図形を使う時くらい（height)

・これ以上大きくなってほしくない時に使うくらい

・float（浮かせる）横並びにするのが大変（フレックボックスと言うのを使うと楽）箱を横並びにする

・floatは終わり指定しないとならないclearを使って終わらせる
　（float – claer)セットで覚える

・先生のサイトのレッスン８にフレックスボックスの説明が載ってる

・箱入ろうが入るまいが横並びにする

・改行して横並びにすることもできる

・箱を横並びにすると取り合えず覚えれば良い

・CSSグリッドレイアウト（エクセルっぽく線をつなぎ合わせて作るもの　→　フレックスボックス

・ディスプレイグリッド

・固定させるのがポジション（後々説明）

・overflow プロパティ　overflow autoでスクロール系はなんとかなる

・日本語と英語では折り返しが違う

・英語は英単語を書ききって折り返す

・、。「」を先頭にしないいようにするのが禁則処理

・これを制御するものがある

・半角スペースをたくさん載せても一つしか載らない

・（ホワイトスペースプレ）を指定すると半角スペース問題は解決

・フォントサイズの指定は縦

・写真を並べるとき隙間が出来ることはある（縦に隙間が空く原因はベースラインに合わせられる）解決する為にbotm

・写真を並べる（横）img scr
img scr だと隙間が出来る　img scr ~ img scr～と並べれば隙間なく出来る

・marginとmaginで選ばれるのは大きい方（marginの相殺）

・マイナスマージン:auto

・レッスン3-9　に検証に書いてある

今後

marginの相殺に気を付けてmarginを使っていく