melon

marginとpaddingって、どこの余白??

margin と padding って、どっちが内側でどっちが外側の余白だっけ??

あー、しかもどのへんに余白が表示されるんだっけ??

と、いつも忘れてしまいます。。。

 

頭文字から何か表現できないか考えてみましたがなかなか思いつかないので、

お中元やお歳暮で頂いた高級な感じのメロンで想像してみました!

 

*********************************************************

margin(borderよりさらに外につくる余白)= メロンの化粧箱

border(paddingの外側につくる線)= 皮

padding(コンテンツのすぐ外の余白)= 果肉

コンテンツ(表示させたい内容)= 種の部分

*********************************************************

 

この4つの【コンテンツ】【padding】【border】【margin】の場所がメロンを想像して思い浮かぶようになったら、

なんとなく自分でもCSSを書くことに挑戦してみる気になれました!

そして、思った箇所に余白や線をつくれるようになってきました!!

 

皆様も一度、余白についてメロンで想像してみてください!

 

ちなみに、スイカは種が散らばっていて想像しにくかったです。笑

Tags: No tags

Leave A Comment

Your email address will not be published. Required fields are marked *