TIL 13: CSS ๋ ˆ์ด์•„์›ƒ / ์…€๋ ‰ํ„ฐ
TIL/etc 2021. 8. 5. 08:22

์ง€๋‚œ๋ฒˆ์— CSS๋Š” ์›นํŽ˜์ด์ง€๋ฅผ ๊พธ๋ฉฐ์ฃผ๋Š” ์—ญํ• ์„ ํ•˜๊ณ  ๊ฐ„๋‹จํ•œ ์‚ฌ์šฉ๋ฐฉ๋ฒ•์„ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ์—๋Š” ์ข€ ๋” ์‹ฌํ™”๋œ ๋ฒ„์ „์„ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค. CSS ๋ ˆ์ด์•„์›ƒ์„ ์–ด๋–ป๊ฒŒ ํ•˜๊ณ , ํด๋ž˜์Šค์™€ id๋ฅผ ์ง€์นญํ•˜๋Š” ์…€๋ ‰ํ„ฐ ์ด์™ธ์˜ ์ถ”๊ฐ€์ ์ธ ์…€๋ ‰ํ„ฐ๋ฅผ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค. ์…€๋ ‰ํ„ฐ (Selector) ํ›„์† ์…€๋ ‰ํ„ฐ: ํŠน์ • ์š”์†Œ์˜ ํ›„์†์„ ์„ ํƒํ•˜๋Š” ์„ ํƒ์ž์ž…๋‹ˆ๋‹ค. ํŠน์ • ๊ธฐํ˜ธ ์—†์ด ๋„์–ด์“ฐ๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์ฐธ๊ณ ๋กœ ํ›„์†์€ ์ž์‹, ์†์ž ๋“ฑ ์ž์‹ ์„ ๊ธฐ์ค€์œผ๋กœ ์•„๋ž˜ ์„ธ๋Œ€ ๋ชจ๋‘๋ฅผ ์ผ์ปซ์Šต๋‹ˆ๋‹ค. header h1 {} ์ž์‹ ์…€๋ ‰ํ„ฐ: ํŠน์ • ์š”์†Œ์˜ ์ง๊ณ„ ์ž์‹๋งŒ ์„ ํƒํ•˜๋Š” ์„ ํƒ์ž์ž…๋‹ˆ๋‹ค. >์„ ์‚ฌ์šฉํ•ด์„œ ์ž์‹ ์…€๋ ‰ํ„ฐ์ž„์„ ํŒ๋ณ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž์‹์€ ํ›„์†๊ณผ ๋‹ฌ๋ฆฌ ์†์ž์™€ ๊ทธ ๋ฐ‘ ์„ธ๋Œ€๋“ค์€ ์ผ์ปซ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. header > p { } ์ธ์ ‘ ํ˜•์ œ ์…€๋ ‰ํ„ฐ: ๊ฐ™์€ ๋ถ€๋ชจ ์•„๋ž˜ ์žˆ๋Š” ์„ ํƒ์ž๋กœ์จ ๋’ค์— ์žˆ..