SUNABACOおんらいん1st7日目

2020年5月12日 23:15

6日目の質問
Git
→チーム開発で必須の技術オンライコース後半でも登場プロゲートにもあるよ
fontーfamilyもクライアント依存なのでいくつかしてしておくレスポンシブデザイン
コードは元の英単語の意味を調べて理解する

実践あるのみ
使えるようになりたいなら使えばいい

BOXモデル

要素
padding→内余白
border→枠線
margin→外余白
の4つからなる一つの要素と
付随する余白、線のモデル

CSSショートハンド
四方向の値を省略してかける方法
top上、right右、bottom下、left左

text -align→文をブロックの横中央へ
margin→ブロックをコンテナの中央へ
line height→文をブロックの高さ中央へ（1行のみ）
flex→超重要詳しくは上のページから
flexは自由度が高いのでこれがいい（6日目参照）
progateのflex BOX編で練習だー！

CSSのpositionを総まとめabsoluteやfixedの使い方

position
→要素の位置を決めるためのプロパティ！！
4つある
static：初期値はこれ。指定することはほとんどない
relative：現在の位置を基準に相対的な位置を決める
absolute：親要素を基準に絶対的な位置を決める
fixed：画面のきまった位置に固定する

Top right bottom left で指定するが、
right:30px;は
”右に30px”ではなく、
“右から30px”なので
移動した結果は左に30pxの位置に表示される

absolute
relative
fixed
top
bottom
left
right

コメントアウトはctr＋/