【6日目】CSSって便利だな〜（小並感）

多分これで良いはず#sunabaco #おんらいん1st pic.twitter.com/C22OBx5TuN

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 11, 2020

displayらへんのこと

display:blockと display:inline だよ〜〜〜#sunabaco #おんらいん1st

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 11, 2020

blockは縦並び
横幅いっぱい広がる
高さや横幅、余白の指定OK
text-align使えない

inlineは横並び
高さ横幅の指定できない
左右の余白のみ指定可能
text-align使える（親要素に指定）#sunabaco #おんらいん1st

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 11, 2020

block→inlineはあんまりないけど、inline→blockに変えるのは結構ある。CSSで指定可能。#sunabaco #おんらいん1st

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 11, 2020

aタグをボタンっぽい感じにできるの超絶便利やんけ…#sunabaco #おんらいん1st

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 11, 2020

inline-blockとflexについて。
横に並べたりメニューバーしたり。
noneはブラウザ上で非表示にする。レスポンシブデザインを作るときに便利。（PCでは出してスマホでは消す的な）#sunabaco #おんらいん1st

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 11, 2020

visibility:hidden
要素はあるけど見えない状態

display:none
要素も取得されず完全にその場にない状態#sunabaco #おんらいん1st

— ポールダンサー魅や@おんらいん1st (@poledancermiya) May 11, 2020

progateはレベル17！機能にいちいち驚きながらゆっくり進め中です。
授業内容より先に進めていければいいかな…