まだCSSで消耗してるの？ marginとpaddingを使いこなす３つのヒント – Engineer WomanいざWebデザイナーとしてのキャリアをスタートしても、プロのレベルになるまでには壁がたくさん。PhotoshopやIllustratorなどでは簡単にパーツを配置できるのに、いざコーディングとなると「均等にそろわない」「1ピクセルだけズレてる」「まわり込みがきかない」なんてことはありませんか？ もしかしたらその原因の1つは、基本的なプロパティである「marginとpaddingの使いわけ」ができていないからかもしれません。 ここでは、marginとpaddingに深く関係するボックスモデルという考え方、ブロックレベル要素とインライン要素、そしてmarginとpaddingそれぞれの特徴などを説明していきます。 ボックスモデル―要素を取りかこむ4つの領域 CSSについての話をする前に、まずは「ボックスモデル」とは何か、解説していきましょう。 ボックスモデルとは、「 HTMLのすべての要素は、
