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

๋‹จ์œ„์ข…๋ฅ˜1

[CSS] CSS ๋‹จ์œ„์˜ ์ข…๋ฅ˜ CSS : ๋‹จ์œ„ ์ด๋ฒˆ ์‹œ๊ฐ„์—๋Š” CSS์˜ ๋‹จ์œ„์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค!๐Ÿ˜„ #1. px(ํ”ฝ์…€) ํ•ด์ƒ๋„์— ๋”ฐ๋ผ ์ƒ๋Œ€์ ์œผ๋กœ ๋‹ฌ๋ผ์ง€๋Š” ๊ธฐ๋ณธ ๋‹จ์œ„๋กœ ๊ธ€์ž ํฌ๊ธฐ๋ฅผ ์ง€์ •ํ•˜์ง€ ์•Š์•˜์„ ๊ฒฝ์šฐ ๋ณดํ†ต 16px๋กœ ์ž๋™ ์„ค์ •๋ฉ๋‹ˆ๋‹ค. #2. %(ํผ์„ผํŠธ) ๋ถ€๋ชจ ์š”์†Œ์˜ ํฌ๊ธฐ๋ฅผ 100% ๊ธฐ์ค€์œผ๋กœ ๊ณ„์‚ฐํ•œ % ๋‹จ์œ„ ํŠน๋ณ„ํ•œ ์„ค์ •์ด ์—†๋‹ค๋ฉด 16px = 100% / 24px = 150%๊ฐ€ ๋ฉ๋‹ˆ๋‹ค. #3. em ๋ถ€๋ชจ ์š”์†Œ์˜ ํฐํŠธ ํฌ๊ธฐ๋ฅผ 100% ๊ธฐ์ค€์œผ๋กœ ๊ณ„์‚ฐํ•œ 100๋ถ„์˜ 1๋‹จ์œ„ ํŠน๋ณ„ํ•œ ์„ค์ •์ด ์—†๋‹ค๋ฉด 16px = 1em / 24px(16px x 1.5 = 24px) = 1.5em๊ฐ€ ๋ฉ๋‹ˆ๋‹ค. #4. rem em๊ณผ ๋น„์Šทํ•˜์ง€๋งŒ ๋ถ€๋ชจ ์š”์†Œ๊ฐ€ ์•„๋‹Œ ์ตœ์ƒ์œ„ ์š”์†Œ์˜ ํฌ๊ธฐ๋ฅผ 100% ๊ธฐ์ค€์œผ๋กœ ๊ณ„์‚ฐํ•ฉ๋‹ˆ๋‹ค. r์€ root. ์ฆ‰ html์š”์†Œ๋ฅผ ๋œปํ•˜๋ฏ€๋กœ html ์š”์†Œ์—์„œ .. 2022. 8. 24.
728x90
๋ฐ˜์‘ํ˜•

Lucky Charms Rainbow
js
html
css