投稿

3月, 2026の投稿を表示しています

🟩 buttonの練習

イメージ
 ❙ フローアウトの限界   <button> Documentを見る</button> これはセルにピタッと ついてしまうので、普通のタグが表示されてましたセルから少し離れるように って事で、ただのタイプのタグはBloggerでは表示さらないかもです。 フローレイアウトはドキュメント以外の複雑なレイアウトに適していない。(エビスコム 2024) 〔Practice〕 Documentを見る Documentを見る このボタンのタグは Claude Opus 4.6 (Anthropic)に組んでもらいました。 ボタンの幅が広くなり緑なのですね。 〔参考文献〕 エビスコム『作って学ぶHTML+CSS グリッドレイアウト』マイナビ出版, 2024 © 2016 ASADA Misuzu

💻 1.2 フローレイアウトでレイアウトを制御するのは難しい P30

イメージ
 フローレイアウトでレイアウトを自由に制御するために何をすればいいか 1. フローレイアウトのルールを理解する 2. 全ての要素のスタイルを把握 3. 要素の相互関係でレイアウト組む A                    B                   C                    D                    B の高さが小さくなると CD の配置が上へシフトされる A                        B               C                    D                    A のマージンが大きくなると BD の配置が下へシフトする 参考文献 作って学ぶ HTML+CSS グリッドレイアウト ©Civic Notes