๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

padding1

CSS์—์„œ margin๊ณผ padding Margin๊ณผ Padding ์ฐจ์ด [๋‚ ๋งˆ๋‹ค 3๋ถ„ CSS] ๊ธ€์ž์™€ ์ƒ์ž ์ธ๋ผ์ธ & ๋ธ”๋ก HTML ์š”์†Œ๊ฐ€ ํ™”๋ฉด์— ์ถœ๋ ฅ๋˜๋Š” ํŠน์„ฑ์€ ํฌ๊ฒŒ 2๊ฐ€์ง€๋กœ ๊ตฌ๋ถ„๋œ๋‹ค ์ธ๋ผ์ธ(Inline) ์š”์†Œ : ๊ธ€์ž๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ์š”์†Œ๋“ค. ๋ธ”๋ก(Block) ์š”์†Œ : ์ƒ์ž(๋ ˆ์ด์•„์›ƒ)๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ์š”์†Œ๋“ค. ์ธ๋ผ์ธ ์š”์†Œ ( greenteafrog.tistory.com ์œ„์˜ ํฌ์ŠคํŠธ๋ฅผ ํ†ตํ•ด ๊ธ€์ž์™€ ์ƒ์ž๋ฅผ ์ดํ•ดํ•œ ๋’ค ๋ณด๋ฉด ์ดํ•ดํ•˜๋Š”๋ฐ ๋„์›€์ด๋  ๊ฒƒ์ด๋‹ค. ์„ค๋ช…ํ•˜๊ธฐ์ „ ๋ธŒ๋ผ์šฐ์ €์˜ ๊ฐœ๋ฐœ์ž๋„๊ตฌ๋ฅผ ์—ด์–ด์„œ ์‰ฝ๊ฒŒ ๋ณผ ์ˆ˜ ์žˆ๋Š” HTML ๋ฐ•์Šค๋ชจ๋ธ์„ ๋ณด๋ฉด์„œ ์ดํ•ดํ•˜๋ฉด ๋” ์‰ฝ๋‹ค. ๐Ÿ‘‍๐Ÿ—จํ•œ์ค„์š”์•ฝ ๊ฐ HTML ์š”์†Œ๊ฐ„์˜ ๊ฐ„๊ฒฉ์„ margin , ๋ณด๋”(์š”์†Œ์˜ ํ…Œ๋‘๋ฆฌ์„ )์™€ ์š”์†Œ์™€์˜ ๊ฐ„๊ฒฉ์„ padding ์ด๋ผ๊ณ  ํ•œ๋‹ค. ์˜ˆ๋ฅผ๋“ค์–ด ๋„ค๋ชจ๋ฐ•์Šค(๋ณด๋”)์•ˆ์— ๊ธ€์ž๊ฐ€ ์žˆ๋Š” ๋ฐ•์Šค ์—ฌ๋Ÿฌ๊ฐœ๊ฐ€ ๊ฐ€๋กœ๋กœ ์ค„.. 2022. 10. 26.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”