Webページを作っているときに、CSSのフレームワークを使うのですが、普通のCSSの知識がないと、flex, gridって何だろうかと悩むことがある。ドキュメントを見ても普通のCSSの知識がないと、スタイルを検索して探すこともできない💦

基礎的なことよりレイアウトや部品の作成の方法を学んでいこうと思います。
詳しく勉強したい人は、時間の長い動画を見たり書籍のサンプル使いながら、レスポンシブ対応まで学んだ方が良いですね。

作者: Jboy Hashimoto

よく使いそうなCSS

コーディングするときに役に立つTips

ボックスモデル

flex-direction row colun

ボックスの不透明度

仮想的なボックスのコンテンツ

ログアウトボタンを作る

フレックスボックス

Grid layout

書式設定

tableを作る

リセットCSS

ボタンのスタイルを考える

メディアを作ってみる

z-indexで要素を重ねる

最後に

html

JboyHashimoto