상세 컨텐츠

본문 제목

레이아웃 : 박스모델

코딩

by Skema Shark 2017. 2. 19. 15:30

본문

반응형

레이아웃 : 박스모델 (생활코딩)



# Box Model은 태그의 바깥쪽에 박스와 같이 부피를 차지한다고 해서 박스모델임. 

CSS에서 가장 많이 사용되어짐.


박스모델 : 태그의 부피와 태그간의 여백을 설정하는 아주 중요한 것이다.

- Padding : 태그와 태그를 감싸는 테두리 사이의 여백. (박스안에 글자와 테두리 사이 값)

- Margin : 태그와 태그 사이의 여백. (사각형 사이의 간격)


--> inline elemnet : width, height 값 무시.

반응형

'코딩' 카테고리의 다른 글

레이아웃 : 마진겹침 현상  (0) 2017.02.19
레이아웃 : box-sizing (생활코딩)  (0) 2017.02.19
레이아웃 : 인라인 vs 블럭레벨  (0) 2017.02.19
도구소개 - brackets  (0) 2017.02.19
조화 : 캐스케이딩  (0) 2017.02.19

관련글 더보기