>TIL: CSS๋ž€?

ํƒœํ˜„ยท2021๋…„ 3์›” 11์ผ
0

๐Ÿ™‹๐Ÿปโ€โ™€๏ธ ๋ชฉํ‘œ: ๋ฉด์ ‘์„ ์ค€๋น„ํ•˜๊ธฐ ์ด์ „์— ์•Œ์•˜๋˜ ๋‚ด์šฉ๋“ค์— ๋Œ€ํ•œ ๊ฐœ๋…์„ ์ •๋ฆฌํ•ด ๋ณด์ž.

1. CSS๋ž€?


๐Ÿ™ŒCSS๋ž€ HTML, XML๊ณผ ๊ฐ™์€ ๋ฌธ์„œ์˜ ์Šคํƒ€์ผ์„ ๊พธ๋ฐ€ ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์Šคํƒ€์ผ ์‹œํŠธ ์–ธ์–ด์ด๋‹ค.

์šฉ์–ด์—์„œ ์œ ์ถ”ํ•ด ๋ณผ ์ˆ˜ ์žˆ๋“ฏ์ด CSS์—์„œ C๋Š” Cascading์ด๋ผ๊ณ  ํ•˜๋Š”๋ฐ ์ด๋Š” ์šฐ๋ฆฌ๊ฐ€ ์Šคํƒ€์ผ๋ง์„ ํ•  ๋•Œ ์ˆœ์„œ๋Œ€๋กœ, ์ˆœ์ฐจ์ ์œผ๋กœ ์ ์šฉ๋œ๋‹ค๋Š” ๋œป์ด๋‹ค.

2. CSS์˜ ์—ญ์‚ฌ


CSS๋Š” 1996๋…„ 12์›”, W3C์—์„œ ๋„์ž…๋˜์—ˆ๋‹ค. ๊ทธ ์ „์—” ์Šคํƒ€์ผ๋ง์„ ํ•˜์ง€ ์•Š์•˜์„๊นŒ? ์•„๋‹ˆ๋‹ค, ๊ทธ ์ „์—” HTML๋ฌธ์„œ์— ๋‹ค ์ž‘์„ฑํ•˜์˜€๋‹ค. ๊ทธ๋Ÿฌ๋‹ค๋ณด๋‹ˆ ํ”„๋กœ์ ํŠธ ๊ทœ๋ชจ๊ฐ€ ์ปค์ง์— ๋”ฐ๋ผ ์Šคํƒ€์ผ๋ง ํŒŒ์ผ์„ ๋”ฐ๋กœ ๋งŒ๋“ค์–ด์•ผ๊ฒ ๋‹ค๋Š” ํ•„์š”์„ฑ์„ ๋Š๋ผ๊ธฐ ์‹œ์ž‘ํ•˜์˜€๊ณ  ์ง€๊ธˆ์€ CSS์—์„œ ์ œ๊ณตํ•˜๋Š” ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๊ธฐ๋Šฅ๋“ค์„ ํ™œ์šฉํ•˜์—ฌ ํŽธํ•˜๊ฒŒ ์Šคํƒ€์ผ์„ ๋ถ€์—ฌํ•œ๋‹ค.

3. CSS ์ž‘์„ฑ๋ฒ•


CSS ์ž‘์„ฑ๋ฒ•์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

selector {property: value;}
profile
์•ˆ๋…•ํ•˜์„ธ์š”, ์ง€์‹์„ ๊ณต์œ ํ•˜๋Š” ๊ณต๊ฐ„์ž…๋‹ˆ๋‹ค.

0๊ฐœ์˜ ๋Œ“๊ธ€

๊ด€๋ จ ์ฑ„์šฉ ์ •๋ณด