IT/HTML&CSS

[CSS]css ๋ ˆ์ด์•„์›ƒ

์•Œ ์ˆ˜ ์—†๋Š” ์‚ฌ์šฉ์ž 2022. 11. 30.

๋ชฉ์ฐจ

    css ๋ ˆ์ด์•„์›ƒ

    ๋–  ์žˆ๋Š” ๋ ˆ์ด์•„์›ƒ: float ์‚ฌ์šฉ, ๋‹จ์ ์€ div์ „์ฒด๋ฅผ ์˜ฎ๊ฒจ์•ผ ํ•œ๋‹ค๋Š” ์ ๊ณผ ๋‘๊ฐœ์˜ ์ปฌ๋Ÿผ์„ ๋งŒ๋“ค์ˆ˜ ์—†๋‹ค๋Š” ์ 
    ์ ค๋กœ ๋ ˆ์ด์•„์›ƒ: ํŽ˜์ด์ง€์— ์žˆ๋Š” ๋ชจ๋“  ์ฝ˜ํ…์ธ  ์ฃผ์œ„๋ฅผ ๊ณ ์ •๋œ ํฌ๊ธฐ์˜ div๋กœ ๊ฐ์‹ธ๊ณ  ๊ณ ์ •๋œ ๋ ˆ์ด์•„์›ƒ์„ ๋งŒ๋“  ํ›„, margin์„ auto๋กœ ์„ค์ •ํ•ด์„œ ์ขŒ์šฐ์— ๋™์ผํ•œ ๋„ˆ๋น„์˜ margin์ด ์žˆ๊ณ  ๊ฐ€์šด๋ฐ content์˜์—ญ์ด ์žˆ๋‹ค๋Š” ์ (๋งŽ์€ ๋ธ”๋กœ๊ทธ๊ฐ€ ์ด๋Ÿฐ ํ˜•ํƒœ), ๋‹จ์ ์€ ์ฝ˜ํ…์ธ ๊ฐ€ ๋ธŒ๋ผ์šฐ์ €์ฐฝ ์ „์ฒด๋ฅผ ์ฑ„์šฐ๋ ค๊ณ  ํ™•์žฅ๋˜์ง€ ์•Š๋Š” ๋‹ค๋Š” ์ ์ด์ง€๋งŒ ์ด๋ฅผ ๋‹จ์ ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜์ง€ ์•Š๋Š” ์‚ฌ๋žŒ๋„ ๋งŽ๋‹ค๊ณ  ํ•จ

    ์ถœ์ฒ˜ : Head First HTML and CSS(๊ฐœ์ •ํŒ)

     

    ๋Œ“๊ธ€