목록2022/07/12 (1)

공부블로그

CSS - margin & padding, display, float, position

블록 레벨 요소 : 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 것, 넓이가 100% , , ... 인라인 레벨 요소 : 콘텐츠만큼만 영역을 차지하고 나머지 공간에는 다른 요소가 올 수 있음 , , ... 1. 콘텐츠 영역 크기를 지정하는 width, height 속성 크기 or 백분율 or auto로 지정 주변의 여백이나 테두리를 뺀 콘텐츠 영역의 크기 box-sizing 속성 : border-box (테두리까지 포함해서 너빗값을 지정) / content-box ( 콘텐츠 영역만 너빗값을 지정, 기본값 ) 2. 여백을 조절하는 margin, padding 속성 두 박스 모델 사이의 여백 → 마진 한 박스 모델에서 테두리와 내용 사이의 여백 → 패딩 margin (마..
CSS 2022. 7. 12. 01:11
이전 Prev 1 Next 다음