๐ŸŽจ CSS ๊ธฐ์ดˆ ์ •๋ฆฌ

CSS๋Š” HTML๋กœ ๋งŒ๋“  ๊ตฌ์กฐ(๋ผˆ๋Œ€) ๋ฅผ ๊พธ๋ฏธ๋Š”(๋””์ž์ธ) ์–ธ์–ด

HTML์ด โ€œ๋ฌด์—‡์„โ€ ๋ณด์—ฌ์ค„์ง€๋ผ๋ฉด, CSS๋Š” โ€œ์–ด๋–ป๊ฒŒโ€ ๋ณด์—ฌ์ค„์ง€ ๋‹ด๋‹นํ•จ


1. CSS ์ •์˜

โœ… CSS๋ž€?

โœ… CSS ํŠน์ง•

  1. ์œ„์— ์ž‘์„ฑ๋œ ์Šคํƒ€์ผ์ด ์•„๋ž˜ ๊ทœ์น™์— ์˜ํ•ด ๋ฎ์ผ ์ˆ˜ ์žˆ์Œ(์šฐ์„ ์ˆœ์œ„ + ์ž‘์„ฑ ์ˆœ์„œ)
  2. ์ฃผ๋กœ HTML ์š”์†Œ๋ฅผ ๊พธ๋ฏธ๋Š” ๋ชฉ์ 
  3. HTML์— ์ ์šฉํ•˜๋Š” ์–ธ์–ด(HTML ์ข…์†)

โœ… ์ฃผ์„(Comment)

์ฃผ์˜: CSS์—์„œ๋Š” // ํ•œ ์ค„ ์ฃผ์„์ด ๊ธฐ๋ณธ CSS ๋ฌธ๋ฒ•์—์„œ๋Š” ๋™์ž‘ํ•˜์ง€ ์•Š์Œ

(//๋Š” SCSS ๊ฐ™์€ ์ „์ฒ˜๋ฆฌ๊ธฐ์—์„œ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ์‹์ž„)

/* ์—ฌ๋Ÿฌ ์ค„ ์ฃผ์„ */

2. CSS ์ ์šฉ ๋ฐฉ๋ฒ•

2-1) CSS ๊ธฐ๋ณธ ๊ตฌ์กฐ

์„ ํƒ์ž {
  ์†์„ฑ๋ช…: ๊ฐ’;
  ์†์„ฑ๋ช…: ๊ฐ’;
}