CSS： marginの正しい理解 - kojika17
toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基本も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。 「marginはバグが多い」という声をたまに聞きます。 しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基本的な内容ですが、読んで頂ければ幸
まだCSSで消耗してるの？ marginとpaddingを使いこなす３つのヒント – Engineer Woman
いざWebデザイナーとしてのキャリアをスタートしても、プロのレベルになるまでには壁がたくさん。PhotoshopやIllustratorなどでは簡単にパーツを配置できるのに、いざコーディングとなると「均等にそろわない」「1ピクセルだけズレてる」「まわり込みがきかない」なんてことはありませんか？ もしかしたらその原因の1つは、基本的なプロパティである「marginとpaddingの使いわけ」ができていないからかもしれません。 ここでは、marginとpaddingに深く関係するボックスモデルという考え方、ブロックレベル要素とインライン要素、そしてmarginとpaddingそれぞれの特徴などを説明していきます。 ボックスモデル―要素を取りかこむ4つの領域 CSSについての話をする前に、まずは「ボックスモデル」とは何か、解説していきましょう。 ボックスモデルとは、「 HTMLのすべての要素は、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
