๋ชฉ๋ก์„ ํƒ์ž (1)

๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป

[CSS] CSS ์„ ํƒ์ž ๊ธฐ๋ณธ ์ •๋ฆฌ

1. ์ „์ฒด ์„ ํƒ์ž HTML ๋ฌธ์„œ ๋‚ด์˜ ๋ชจ๋“  ํƒœ๊ทธ์— ๊ฐ™์€ ์†์„ฑ์„ ์ ์šฉํ•ฉ๋‹ˆ๋‹ค. * { color: red;} 2. ํƒœ๊ทธ ์„ ํƒ์ž ์ง€์ •๋œ ํƒœ๊ทธ๋ช…์„ ๊ฐ€์ง€๋Š” ๋ชจ๋“  ์š”์†Œ์— ๊ฐ™์€ ์†์„ฑ์„ ์ ์šฉํ•ฉ๋‹ˆ๋‹ค. p { color: red; } ๋ชจ๋“  p ํƒœ๊ทธ๋ฅผ ๊ฐ€์ง€๋Š” ์š”์†Œ๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค. 3. ํด๋ž˜์Šค ์„ ํƒ์ž ์ฃผ์–ด์ง„ class ์†์„ฑ๊ฐ’์„ ๊ฐ€์ง€๋Š” ๋ชจ๋“  ์š”์†Œ์— ๊ฐ™์€ ์†์„ฑ์„ ์ ์šฉํ•ฉ๋‹ˆ๋‹ค. .class1 { color: red; } div.class1 { color: blue; } paragraph ์™€ ๊ฐ™์ด class ์†์„ฑ๊ฐ’์ด class1์ธ ์š”์†Œ๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค. paragraph์™€ ๊ฐ™์ด div ํƒœ๊ทธ์ด๋ฉฐ, class ์†์„ฑ๊ฐ’์ด class1์ธ ์š”์†Œ๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค. paragraph ๋Š” ์„ ํƒ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. 4. ID ์„ ํƒ์ž ์ฃผ์–ด์ง„ id ์†์„ฑ๊ฐ’์„ ๊ฐ€์ง€๋Š” ์š”์†Œ..

WEB/HTML & CSS 2020. 5. 20. 18:40