2023-02-09CSSが上手くいかないと思ったときに見直してみてね。いえば、こんな法則があった!と思い出せるかも。CSSで初めに覚えると良さそうなものを集めたニャン。%とremで指定している場合、親要素の確認%やemは、親要素×小要素の数値になる。remは、指示した%数値になる。pxは、指示した数値になる。vwやvhは、画面幅の%数値になる。あわせて読みたいCSS文字サイズ単位「rem、em、%、px、vw、vh」の特徴。CSSの文字サイズ指定で、よく使うものを紹介するにゃ。レスポンシブサイトでは「rem」指示が人気。混乱しやすいのは「%やem」にゃ。なしあわせて読みたいブロック、インライン、インラインブロックの違い、出来ることと出来ないこと。インラインでは、widthやheightの指定出来なかったり、margin、paddingの上下の指定ができないにゃ。ユーザーエージェントがきいていないか各ブラウザごとの付属しているデフォルトのスタイルをユーザーエージェントという。リセットCSSでの対応も考えよう。リセットCSSとはブラウザによるスタイルの差異をなくすことが目的。各ブラウザに付属しているデフォルトのスタイル(ユーザーエージェント)を打ち消す、「リセットCSS」の説明にゃ。imgタグの中で指定するにゃん。注意点は、外側のタグから指定をしても画像の本来のサイズのままで表示されちゃうにゃん。flexboxの指示の確認flexboxの指示を確認。レスポンシブの場合など検証ツールで確認してみよう。横並びや配置や分割など、レイアウトが得意なflexbox。いっぱいのまとめたにゃ。忘れた時は見直してね。▶︎500円位のプランを使っています。