BOX (1) 썸네일형 리스트형 CSS Layout - Box Model CSS layout: 각 요소의 위치와 크기를 조정하여 웹 페이지의 디자인을 결정 CSS Box Model 모든 HTML 요소를 사각형 박스로 표현하는 개념 > content, padding, border, margin으로 이루어짐 margin : 이 박스와 다른 요소 사이의 공백, 가장 바깥쪽 영역 border : 콘텐츠와 패팅을 감싸는 테두리 영역 padding : 콘텐츠 주위에 위치하는 공백 영역 contetnt : 콘텐츠가 표시되는 영역 box-sizing 속성 width와 height는 content를 기준으로 하기에 실제 박스 너비와는 차이가 있음 *{ box-sizing: content-box; } 이게 default인 컨텐츠 기준으로 박스 크기가 됨 *{ box-sizing: border-.. 이전 1 다음
