CSS ๋ฐ์ค ๋ชจ๋ธ(Box Model) ํฌ๋กฌ ๋ธ๋ผ์ฐ์ ์์ ๋ง์ฐ์ค ์ฐํด๋ฆญ -> ๊ฒ์ฌ ๋๋ Ctrl + Shift + I ๋ฅผ ๋๋ฌ์ ๋์ค๋ ๊ฐ๋ฐ์ ๋๊ตฌ์์ Elements ํญ์ ๋๋ฅด๋ฉด ๋ค์๊ณผ ๊ฐ์ ๋ฐ์ค ๋ชจ๋ธ์ ๋ณผ ์ ์์ต๋๋ค. content ์์ญ : ๊ธ, ์ด๋ฏธ์ง, ๋น๋์ค ๋ฑ ์ค์ ๋ด์ฉ์ ํฌํจํ๋ ์์ญ padding ์์ญ : ์์ชฝ ์ฌ๋ฐฑ; border์ content ์ฌ์ด์ ์์ญ border ์์ญ : ํ ๋๋ฆฌ margin ์์ญ : ๋ฐ๊นฅ์ชฝ ์ฌ๋ฐฑ; ๋ค๋ฅธ ํ๊ทธ๊น์ง์ ๊ฑฐ๋ฆฌ ์ด๋ padding, border, margin์ width์ ํฌํจ๋์ง ์๊ธฐ๋๋ฌธ์ ์์์ ์ ์ฒด width๋ฅผ ๊ณ์ฐํ๋ ค๋ฉด ์ด๋ฅผ ํฌํจ์์ผ์ค์ผ ํฉ๋๋ค. ์์ : width ๊ตฌํ๊ธฐ 1 2 3 4 5 6 div { width: 320px; padding: 10px;..
