
๐ ์ง์ ์ฑ์ฐ๊ธฐ/์น (ํ๋ก ํธ์๋, ๋ฐฑ์๋)
[HTML&CSS] Block , Inline , Margin, Border, Padding, Flex
[HTML&CSS] Block , Inline , Margin, Border, Padding, Flex ( UPDATE 2023 - 05 - 25 ) ๋ธ๋ก๊ณผ ์ธ๋ผ์ธ ๋ธ๋ก์ ํ ์ค์ ์จ์ ํ ์ฐจ์งํ๋ค. (์์ ๋ชป์ด) ์ธ๋ผ์ธ์ ํ ์ค ์์ ๊ฐ์ด ์๋ค. ๋ธ๋ก์ display: inline ์ ํ๋ฉด ๋ฐ์ค ์์ฑ์ ์ ์งํ๋ฉด์ ์์ ๋ค๋ฅธ ๋ธ๋ก์ด ์ฌ ์ ์๋ค. ์ธ๋ผ์ธ์ display: block์ ํ๋ฉด ๋ธ๋ก์ฒ๋ผ ํ ์ค์ ์จ์ ํ ์ฐจ์งํ๋ค. ์ธ๋ผ์ธ์ ๋์ด(height)์ ๋๋น(width)๊ฐ ์๋ค. ๋ธ๋ผ์ฐ์ ๋ ์์๋ค์๊ฒ ์์ฒด์ ์ผ๋ก style์ ์ฃผ๊ธฐ๋ํ๋ค. (์๋ฅผ ๋ค๋ฉด, ์์น์๋ ๊ณต๊ฐ=margin) ๋ธ๋ก์ ๋ฐ์ค์ด๋ค. margin , border , padding ๋ฐ์ค๋ ์ธ ๊ฐ์ง ํน์ง์ด ์๋ค. : margin,border,pad..