CSSベース(feat.イゴール様)-3日目TIL



🎙教育が始まる前はやはり李ゴヨンの態度講座!


今日も甘い声で始まるこのゴーイング
コードで午前3~4時まで何時間も寝ていたので、音も雰囲気も疲れていませんでした.私が眠れないと声が分かれる…!
どうせ.今回、彼は私たちがプロジェクトの枠組みを再確定するのを助けてくれた.

李ゴヨン監督。


「私たちがプロジェクトを始めたばかりの頃は、大きくスピードを上げ、10年後の同じ時間に比べて、今からの時間は圧縮され、成長が非常に速い」.
だから、実力不足で今から種目を始めないと、大間違いです.
これから勉强すればいいでしょう.これから勉强すればいいでしょう.やってやっていて、髪の毛が白くなったように、自分でつけて初めて知った.
だからみんなを背負って自分でやってみたいです."
実はこれは最近とても同感な話です.一人一人が勉強し,一人が実習しないと,頭の中がわからない.だから理論の授業を受ける時、W3schoolのようなウェブサイトを利用して、直接CSSあるいはHTMLの機能を練習して、Outputを通じて私の理解の正しいかどうかを確認します.
このようにして実力は本当に成長が速い.自分でやってみるほど良いフィードバックはないと思います.

もっと勉強しなければならない部分


Grid


グレイドもイゴル様に学んだことがあります.彼はこれが非常に革命的なレイアウト技術だと言っていますが、完全に理解できないので、私たちのレーサー(エリスswtrackでは、同僚たちはレーサーと呼ばれています)です.皆さんのお勧めの文章は私にとても役に立ちます.
1分間エンコードされたGrid:https://studiomeal.com/archives/533について

Flex


やはり試しながら学ぶのが一番速いです.今回も私たちレーサーおすすめのゲーム学習のFLEXサイト共有!

https://flexboxfroggy.com/#ko
とても可愛い

viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0">
vscodeを使用してhtmlドキュメントを自動的に作成する場合、metaラベルにはviewportがデフォルトで含まれています.

今はモバイル時代!


つまり、私たちが生きている時代はスマートフォンの時代です.
そのため、ネットワーク画面にもモバイル専用画面が必要になります.
viewportをメタタグに書き込むと

これでモバイル機器でもPC画面が見えます!
だから基本的な🙌

nth-child


-更新

@media query


更新完了@

単位em,rem,vw,vh


-更新
Reference: w3chools