Search
Duplicate

CSS

CSS ๊ธฐ๋ณธ

CSS ๊ธฐ์ดˆ

CSS (Cascading Style Sheets)

CSS ๊ธฐ์ดˆ
์„ ํƒ์ž

์Šคํƒ€์ผ ์ ์šฉ ๋ฐฉ์‹

์Šคํƒ€์ผ ์ ์šฉ ๋ฐฉ์‹
๋ฐ•์Šค ๋ชจ๋ธ Box Model
์Šคํƒ€์ผ ์†์„ฑ

๋ ˆ์ด์•„์›ƒ ์†์„ฑ

Flex ๋ ˆ์ด์•„์›ƒ ์†์„ฑ์€์€ 1์ฐจ์› ๋ ˆ์ด์•„์›ƒ์„ ๋‹ค์–‘ํ•˜๊ณ  ์‰ฝ๊ฒŒ ๋งŒ๋“ค๊ฒŒ ํ•ด์ฃผ๋Š” ์Šคํƒ€์ผ ์†์„ฑ์ด๊ณ ,
Grid ๋ ˆ์ด์•„์›ƒ ์†์„ฑ์€์€ 2์ฐจ์› ๋ ˆ์ด์•„์›ƒ์„ ๋‹ค์–‘ํ•˜๊ณ  ์‰ฝ๊ฒŒ ๋งŒ๋“ค๊ฒŒ ํ•ด์ฃผ๋Š” ์Šคํƒ€์ผ ์†์„ฑ์ž…๋‹ˆ๋‹ค.
๋ ˆ์ด์•„์›ƒ ์†์„ฑ
FLEX
GRID

CSS @ ๊ทœ์น™ (At-rules)

@ ๊ธฐํ˜ธ๋กœ ์‹œ์ž‘ํ•˜๋ฉฐ, ๊ทธ ๋’ค์— ๊ทœ์น™ ์œ ํ˜•์„ ๋‚˜ํƒ€๋‚ด๋Š” ์‹๋ณ„์ž๊ฐ€ ๋”ฐ๋ผ์˜ต๋‹ˆ๋‹ค.
@ ๊ทœ์น™ (At-rules)
CSS ์‹ฌํ™”

์›น์‚ฌ์ดํŠธ UI ์š”์†Œ ๋ฆฌ์ŠคํŠธ (์‹ค๋ฌด ์šฉ์–ด)

๋„ค๋น„๊ฒŒ์ด์…˜ / ๋ฉ”๋‰ด ๊ด€๋ จ

์œ ํ‹ธ๋ฆฌํ‹ฐ ์˜์—ญ (UTILยทUtility Area)

UI ์š”์†Œ
๋ฐ˜์‘ํ˜• ์›น ๋””์ž์ธ
์‹ค์ „ ์‚ฌ์ดํŠธ