반응형 css box스타일1 [FC] CSS 스타일 / 박스모델 / margin / border / padding 박스모델이란 파란색은 컨텐츠영역 초록(padding)은 컨텐츠와 테두리 영역 간의 간격 노랑(border)은 테두리 영역 주황(margin)은 다른 태그(엘리먼트)들간의 간격 border영역이란? 블록요소인 p 태그는 자동 줄바꿈 이뤄짐 인라인 요소인 strong 태그는 옆에 붙음 이제 border영역을 나타내보자 블록요소인 p태그의 border영역은 페이지 영역 너비 전체를 차지하고 인라인요소인 strong태그의 border영역은 컨텐츠 영역 너비까지만 차지한다. padding 영역추가 margin 요소 추가 개발자 도구를 통해 값 살펴보기 입력한 box값들이 나온다. 특정방향에만 간격을 주고 싶을 때 특정방향(상,하,좌,우)의 간격만 바꿀 수 있다. 예시. padding, margin은 왼쪽에만 간격.. 2019. 6. 8. 이전 1 다음 반응형
