CSS3 STRUCTURE

박종효·2023년 2월 12일
0

design

목록 보기
1/1

STRUCTURE

Inline Element (ex: a tag, span tag)
Block level Element (ex: div tag)

You can switch each other.

{ display: inline }
{ display: block }





Box Model

/*  p is block model */
p { border:10px solid red;
    padding:20px; /* distance of border line and content*/
    margin:40px; /* distance of Elements */
    width: 90px; /* this is only for block model */
   } 

Box-sizing

{ box-sizing:border-box; } /* default is content-box*/ 





Margin Overlap

Overlap between top and bottom element

Share margin-bottom and margin-top area.
Bigger margin of top-element or bottom-element is the distance of two elements.

Overlap between parent and child element

When parent element is transparent, They are overlaped.

profile
whatAmI

0개의 댓글