[TIL] CSS

Sohee Yeoยท2022๋…„ 4์›” 6์ผ
1

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
12/23
post-thumbnail

2022.04.05 Today I Learned๐Ÿ“š

CSS

HTML: ์›น์˜ ๋ผˆ๋Œ€ ๐Ÿ’€
CSS: HTML์„ ๊พธ๋ฉฐ์ฃผ๋Š” ๊ฐ€์ฃฝ, ํ”ผ๋ถ€ ๐Ÿ‘ง

Cascading Style Sheets.
Cascade โ†’'ํญํฌ๊ฐ€ ๋˜์–ด ๋–จ์–ด์ง€๋‹ค'
CSS ์Šคํƒ€์ผ์ด ์ ์šฉ๋  ๋•Œ ์šฐ์„ ์ˆœ์œ„๋ฅผ ๊ฐ€์ง€๊ณ  ์ ์šฉ๋˜๋Š”๋ฐ, ์šฐ์„ ์ˆœ์œ„๊ฐ€ ์ ์šฉ๋˜๋Š” ๊ณผ์ •์ด ๋งˆ์น˜ ํญํฌ์ฒ˜๋Ÿผ ์œ„์—์„œ ์•„๋ž˜๋กœ ๋–จ์–ด์ง€๋Š” ๋ชจ์–‘์ด๋‹ค.
Style Sheets โ†’ ์›น ํŽ˜์ด์ง€์˜ ์Šคํƒ€์ผ์„ ์ •๋ฆฌํ•ด๋‘” ๋ฌธ์„œ

๐Ÿ’กCSS3, CSS4 ๊ฐ€ ์•„๋‹Œ โ€˜CSSโ€™๋กœ ํ†ต์นญํ•ด์„œ ๋ถˆ๋Ÿฌ์•ผ ํ•œ๋‹ค!

CSS์˜ ๊ธฐ๋ณธ๊ตฌ์กฐ

Selector: ์„ ํƒ์ž. ์Šคํƒ€์ผ์„ ์ง€์ •ํ•  HTML ์š”์†Œ.

Property: ์†์„ฑ. ์ง€์ •ํ•˜๊ณ  ์‹ถ์€ ์Šคํƒ€์ผ ์†์„ฑ์˜ ์ด๋ฆ„. font-size color background position ๋“ฑ ๋‹ค์–‘ํ•œ ์†์„ฑ์ด ์žˆ๋‹ค.

Value: ์†์„ฑ์— ๋Œ€์‘๋˜๋Š” ๊ฐ’.

Declaration: ์„ ์–ธ ๋ธ”๋ก. ์…€๋ ‰ํ„ฐ ๋’ค {}(์ค‘๊ด„ํ˜ธ) ์•ˆ์— ์žˆ๋Š” ํ•œ ๋ธ”๋ก. CSS์—์„œ๋Š” ๋ชจ๋“  ์„ ์–ธ์„ ํ•œ ์ค„๋กœ ์ด์–ด์„œ ์“ธ ์ˆ˜ ์žˆ์ง€๋งŒ, ๋ฐฐํฌ๋‹จ๊ณ„์—์„œ ์ตœ์ ํ™”(minify)๊ณผ์ •์„ ๊ฑฐ์น˜๊ธฐ ๋•Œ๋ฌธ์— ๊ฐ€๋…์„ฑ์„ ์œ„ํ•ด ํŠน๋ณ„ํ•œ ๊ฒฝ์šฐ๊ฐ€ ์•„๋‹ˆ๋ผ๋ฉด ๊ถŒ์žฅํ•˜์ง€ ์•Š๋Š”๋‹ค.

profile
์‹คํŒจ์— ๋ฌด๋”˜ ์‚ฌ๋žŒ. ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋ฅผ ๊ฟˆ๊ฟ‰๋‹ˆ๋‹ค

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

comment-user-thumbnail
2022๋…„ 4์›” 6์ผ

Cascading Style Sheets์˜ ์–ด์›์ด Cascade โ†’'ํญํฌ๊ฐ€ ๋˜์–ด ๋–จ์–ด์ง€๋‹ค' ๋ผ๋Š” ์‚ฌ์‹ค์„ ์•Œ ๊ฒŒ ๋˜์—ˆ์„๋•Œ
์šฐ์ฃผ์— ์žˆ๋˜ ์ •์‹ ์ด ์ˆœ๊ฐ„ ์ดํ•ด๊ฐ€ ์™ ๋˜๋ฉด์„œ ๋‹ค์‹œ ๋Œ์•„์™€์กŒ์–ด์š”!!!!!!๐Ÿ’ก๐Ÿ’ก

1๊ฐœ์˜ ๋‹ต๊ธ€