プログラミング学習帳

オンラインプログラミング学習サービス「ウェブカツ!!」で習ったことを整理してます。

「margin」と「padding」について

・ボックスの周囲の境界(余白)を指定する

・「margin」と「padding」を使うことで、境界を広げることができる

 

・margin→ボックスの外側の境界を指定する

・padding→ボックスの内側の境界を指定する

 

・インライン要素は上下の余白を指定できない

・インライン要素「imgタグ」は縦のmarginを指定できないので、CSSでブロックレベル要素に変える必要がある

 

追記 

インライン要素をブロック要素に変える

——————————————————————

例 

a{
display:block;
}

——————————————————————

 

ブロック要素をインライン要素に変える

——————————————————————

li{
display:inline;
}

——————————————————————