DAY476： 【CSSが崩れた時、いきなり直していませんか？】 初心者がやりがちな失敗👇 ❌ marginを足して調整 ❌ positionで無理やり移動 まず確認するのは ①親のdisplay ②width ③余白（margin/padding） 原因から直すと崩れにくいです🌿 #Web制作 #コーディング #codejump #css

HTMLとかCSSで、要素がなぜか思った通りに動かない時って、だいたいボックスモデルの理解が曖昧なせいだったりしませんか？🥹 marginとpaddingとborderの関係性って、頭ではわかってるつもりでも、いざコードを書くと「あれ？なんで？」ってなるんですよね。

② 構造の確認（F12） 次に、開発者ツール（F12）で HTML / CSS / JS の構造を確認します。 ・レイアウトの崩れ ・画像サイズの指定 ・余白（margin / padding）の計算 ・メディアクエリの適用状況 ・JS で調整している箇所 ここで「テーマ側の問題か、アプリ側の問題か」が見えてきます。

「CSSって何から勉強すればいいですか？」 この質問、本当によくいただきます🐶 初心者のうちは、 全部覚えようとしなくて大丈夫。 まず覚えたいのは、 ✅ margin・padding ✅ color・background ✅ display ✅ position ✅ flex ✅ width・height teach.web-represent.link/basic-organiza… #HTML #CSS #Web制作

🍤本日のひとくち勉強スナック 「marginとpaddingの違い」 外側の余白？内側の余白？ 毎回迷うCSSの基本を画像1枚にまとめました📚 #CSS #Webデザイン #note note.com/usaginekonano/…

AIにCSS書かせたんだけどlist-style:noneとかmargin:0;とかpadding:0;入れやがってって怒っちゃった。あとrem使いやがるのよ、ほんと腹立つ😂

DAY466： 【paddingとmarginの違い】 余白が毎回ズレる人へ 初心者の頃よくありました🥲 ❌ とりあえずmargin ↓ ⭕ 内側はpadding ⭕ 外側はmargin ここが分かるだけで 余白迷子が減ります🌷 #Web制作 #コーディング #codejump #css

CSSで地獄を見た人🙋‍♂️ 全部marginで調整してたら ・余白がズレまくる ・レスポンシブで崩壊 ・コードが読めなくなる marginばかりに頼ると後で絶対苦しみます🌀 正しい余白設計の鉄則をまとめました！ flex/grid内 → gap 内側 → padding 最終調整 → margin この違いを知ってるだけで質が段違いです pic.x.com/peZO5fgWNR

【CSS】marginは外側余白、paddingは内側余白。 #CSS #プログラミング学習 #SE #プログラミング初心者 #プログラミング全般

HTMLを触っていると、たまに「なんでこれ、ここに余白ができちゃうんだろう？」って悩むことがあります。 CSSでpaddingもmarginも0にしてるはずなのに…って首を傾げちゃうんですよね。 そういう時って、たいてい親要素とか、別の場所で設定されているスタイルが影響していることが多い気がします。

16歳くらいの年齢でちゃんと技術系で成果あげてる人をみると、自分のと格の差を見せつけられたような気がして腰抜かすどころか恐ろしくて怯えてまう 自分が16の時なんてcssのmargin,border,paddingがうまく扱えなくて苦戦してたやんやぞ

fable全体的にすごい賢いし、4.8より一歩先考えてくれること多いけど、やっぱりたまに憶測で進めて間違うし、CSS周りの細かい調整させると未だに手直しが多い。 4.5とかの頃よりは確実に良くなってるけど、marginや paddingの取り方はまだ人（デザイナー）の方が丁寧だね。

修正して提出できたー！ 頭整理できたCSSメモ💡 ・marginは外側の余白 ・paddingは内側の余白 　数値は左から上・右・下・左の余白 　例）padding: 20px 0 0 20px paddingが分かったら余白の取り方大体わかるようになった気がする！スッキリ🙌

論理プロパティ使ってますか？ margin-left → margin-inline-start padding-top → padding-block-start border-right → border-inline-end 横書き・縦書きの切り替えや 多言語対応で真価を発揮します 「使う機会ないかも」と思いつつ 知ってると引き出しが増える #Web制作 #CSS #論理プロパティ

エンドフィールドのWebsiteって、なんでテキストを選択できないんだろうと思っていたら、 8fe6811e25f59801.css に body,html { margin: 0; padding: 0; -webkit-user-select: none; -moz-user-select: none; user-select:none; font-family: sans-serif } なんてものがw