CSS 기초 문법 코딩 독학 / 박스 모델과 box-sizing / 8

오늘 배울것은 박스모델과 사이징 입니다. 박스 모델 (box-model) HTML의 모든 요소들은 박스모델로 구성이 되는데요! 어떤 요소가 이루는 영역을 내용 (content) 내부 여백 (padding) 테두리 (border) 외부여백 (margin) 으로 구분하게 됩니다. 웹문서를 만들다 보면 박스모델의 크기가 예상한것과 달라질 때가 있는데요! 예제로 만든 3개의 박스 모델입니다. 동일한 크기인 이 3개의 박스 모델에 각각 테두리와 내부여백을 추가 해 보겠습니다. 보시는 것처럼 분명히 3개의 박스는 동일한 크기지만 여백과 테두리 등의 스타일 속성으로 사이즈가 다 달라지게 되었습니다. 이 문제는 스타일로 지정한 with 와 height 속성이 내용 영역에 대한 사..........

CSS 기초 문법 코딩 독학 / 박스 모델과 box-sizing / 8에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.

원문링크 : CSS 기초 문법 코딩 독학 / 박스 모델과 box-sizing / 8