개발/FronT
Front_ CSS 박스 모델 개념, Display 속성
CSS 박스 모델 웹 문서에서 내용 배치 시 각 요소를 박스 형태로 구성하는 것 각 박스 모델은 콘텐츠 영역과 테두리, 여백들로 구성 됨 CSS를 사용한 레이아웃의 기본 박스 모델 실제 콘텐츠 영역, 박스와 콘텐츠 영역 사이의 여백인 패딩(padding), 박스의 테두리(border), 박스 모델 사이의 여백인 마진(margin)등의 요소로 구성 됨 블록 레벨 요소 태그를 사용해 컨텐츠를 추가했을 때 한 줄을 통째로 차지하는 요소 양 옆으로 다른 요소가 올 수 없음, 너비, 마진, 패딩 이용하여 크기나 위치 지정 가능 예) div, p, hn, ul, ol, form, table, fieldset, address 인라인 레벨 요소 화면에 표시되는 컨텐츠만큼만 차지하고 한 줄을 차지하지 않는 요소 여러 개..
2021. 9. 16.