๐จ CSS ๊ธฐ์ด ์ ๋ฆฌ
CSS๋ HTML๋ก ๋ง๋ ๊ตฌ์กฐ(๋ผ๋) ๋ฅผ ๊พธ๋ฏธ๋(๋์์ธ) ์ธ์ด
HTML์ด โ๋ฌด์์โ ๋ณด์ฌ์ค์ง๋ผ๋ฉด, CSS๋ โ์ด๋ป๊ฒโ ๋ณด์ฌ์ค์ง ๋ด๋นํจ
1. CSS ์ ์
โ
CSS๋?
- Cascading Style Sheets
- ์์์ ์๋๋ก(Cascade) ์คํ์ผ์ด ๋ฎ์ด ์์์ง๋ ๊ท์น์ ๊ฐ์ง ์คํ์ผ ์ํธ
โ
CSS ํน์ง
- ์์ ์์ฑ๋ ์คํ์ผ์ด ์๋ ๊ท์น์ ์ํด ๋ฎ์ผ ์ ์์(์ฐ์ ์์ + ์์ฑ ์์)
- ์ฃผ๋ก HTML ์์๋ฅผ ๊พธ๋ฏธ๋ ๋ชฉ์
- HTML์ ์ ์ฉํ๋ ์ธ์ด(HTML ์ข
์)
โ
์ฃผ์(Comment)
์ฃผ์: CSS์์๋ // ํ ์ค ์ฃผ์์ด ๊ธฐ๋ณธ CSS ๋ฌธ๋ฒ์์๋ ๋์ํ์ง ์์
(//๋ SCSS ๊ฐ์ ์ ์ฒ๋ฆฌ๊ธฐ์์ ์ฌ์ฉํ๋ ๋ฐฉ์์)
/* ์ฌ๋ฌ ์ค ์ฃผ์ */
2. CSS ์ ์ฉ ๋ฐฉ๋ฒ
2-1) CSS ๊ธฐ๋ณธ ๊ตฌ์กฐ
์ ํ์ {
์์ฑ๋ช
: ๊ฐ;
์์ฑ๋ช
: ๊ฐ;
}