HTML: ์น์ ๋ผ๋ ๐
CSS: HTML์ ๊พธ๋ฉฐ์ฃผ๋ ๊ฐ์ฃฝ, ํผ๋ถ ๐ง
Cascading Style Sheets.
Cascade โ'ํญํฌ๊ฐ ๋์ด ๋จ์ด์ง๋ค'
CSS ์คํ์ผ์ด ์ ์ฉ๋ ๋ ์ฐ์ ์์๋ฅผ ๊ฐ์ง๊ณ ์ ์ฉ๋๋๋ฐ, ์ฐ์ ์์๊ฐ ์ ์ฉ๋๋ ๊ณผ์ ์ด ๋ง์น ํญํฌ์ฒ๋ผ ์์์ ์๋๋ก ๋จ์ด์ง๋ ๋ชจ์์ด๋ค.
Style Sheets โ ์น ํ์ด์ง์ ์คํ์ผ์ ์ ๋ฆฌํด๋ ๋ฌธ์
๐กCSS3, CSS4 ๊ฐ ์๋ โCSSโ๋ก ํต์นญํด์ ๋ถ๋ฌ์ผ ํ๋ค!
Selector: ์ ํ์. ์คํ์ผ์ ์ง์ ํ HTML ์์.
Property: ์์ฑ. ์ง์ ํ๊ณ ์ถ์ ์คํ์ผ ์์ฑ์ ์ด๋ฆ. font-size
color
background
position
๋ฑ ๋ค์ํ ์์ฑ์ด ์๋ค.
Value: ์์ฑ์ ๋์๋๋ ๊ฐ.
Declaration: ์ ์ธ ๋ธ๋ก. ์ ๋ ํฐ ๋ค {}(์ค๊ดํธ) ์์ ์๋ ํ ๋ธ๋ก. CSS์์๋ ๋ชจ๋ ์ ์ธ์ ํ ์ค๋ก ์ด์ด์ ์ธ ์ ์์ง๋ง, ๋ฐฐํฌ๋จ๊ณ์์ ์ต์ ํ(minify)๊ณผ์ ์ ๊ฑฐ์น๊ธฐ ๋๋ฌธ์ ๊ฐ๋ ์ฑ์ ์ํด ํน๋ณํ ๊ฒฝ์ฐ๊ฐ ์๋๋ผ๋ฉด ๊ถ์ฅํ์ง ์๋๋ค.
Cascading Style Sheets์ ์ด์์ด Cascade โ'ํญํฌ๊ฐ ๋์ด ๋จ์ด์ง๋ค' ๋ผ๋ ์ฌ์ค์ ์ ๊ฒ ๋์์๋
์ฐ์ฃผ์ ์๋ ์ ์ ์ด ์๊ฐ ์ดํด๊ฐ ์ ๋๋ฉด์ ๋ค์ ๋์์์ก์ด์!!!!!!๐ก๐ก