'박스모델' 태그의 글 목록

css의 box model이란 css에서 모든 요소(=엘리먼트, element)들은 박스들로 간주됩니다. 그래서 css에서 디자인과 레이아웃에 대해 이야기할 때에 주로 "박스모델(box model)"이란 용어를 자주 사용하죠. 이 박스모델은 모든 각각의 html 요소들을 감싸는 하나의 박스를 지칭합니다. 이 박스는 여백(margin), 테두리(border), 패딩(padding)과 실제 내용(content)로 구성이 되고요. box model의 각 요소 content - 텍스트 및 이미지가 나타나는 내용 영역입니다. padding - content 주위의 영역을 투명하게 분리합니다. 패딩을 조절해서 내용이 너무 답답해 보이지 않도록 할때도 사용하죠. border - 패딩과 content 주위를 둘러싸는 ..