์ํด
/
Front-End
/
CSS
Search
Duplicate
Share
CSS
CSS ๊ธฐ๋ณธ
CSS ๊ธฐ์ด
CSS (Cascading Style Sheets)
โข
์คํ์ผ ์ฐ์ ์์
โข
์ ํ์
โข
์ ํ์ ์ฐ์ ์์
โข
์คํ์ผ ์ ์ฉ ๋ฐฉ์
โข
๋ฐ์ค๋ชจ๋ธ
โข
์คํ์ผ ์์ฑ
โข
๋ ์ด์์ ์์ฑ
CSS ๊ธฐ์ด
์ ํ์
์คํ์ผ ์ ์ฉ ๋ฐฉ์
์ธ๋ผ์ธ ์คํ์ผ
์คํ์ผ ์ ์ฉ ๋ฐฉ์
๋ฐ์ค ๋ชจ๋ธ Box Model
์คํ์ผ ์์ฑ
๋ ์ด์์ ์์ฑ
Flex
๋ ์ด์์
์์ฑ์์
1์ฐจ์ ๋ ์ด์์
์ ๋ค์ํ๊ณ ์ฝ๊ฒ ๋ง๋ค๊ฒ ํด์ฃผ๋ ์คํ์ผ ์์ฑ์ด๊ณ ,
Grid
๋ ์ด์์
์์ฑ์์
2์ฐจ์ ๋ ์ด์์
์ ๋ค์ํ๊ณ ์ฝ๊ฒ ๋ง๋ค๊ฒ ํด์ฃผ๋ ์คํ์ผ ์์ฑ์ ๋๋ค.
๋ ์ด์์ ์์ฑ
FLEX
GRID
CSS @ ๊ท์น (At-rules)
@ ๊ธฐํธ๋ก ์์ํ๋ฉฐ, ๊ทธ ๋ค์ ๊ท์น ์ ํ์ ๋ํ๋ด๋ ์๋ณ์๊ฐ ๋ฐ๋ผ์ต๋๋ค.
์ฃผ์ @ ๊ท์น
@import
@media (๋ฏธ๋์ด ์ฟผ๋ฆฌ)
@ ๊ท์น (At-rules)
CSS ์ฌํ
์น์ฌ์ดํธ UI ์์ ๋ฆฌ์คํธ (์ค๋ฌด ์ฉ์ด)
๋ค๋น๊ฒ์ด์ / ๋ฉ๋ด ๊ด๋ จ
์ ํธ๋ฆฌํฐ ์์ญ (UTILยทUtility Area)
๋ ์ด์์ ์์
๋ฒํผ & ์ธํฐ๋์ ์์
UI ์์
๋ฐ์ํ ์น ๋์์ธ
์ค์ ์ฌ์ดํธ
์ฐ์ตํ๊ธฐ
์ํ์ ๋ณด UI ๋ง๋ค์ด๋ณด๊ธฐ
1.
ํผ๊ทธ๋ง ์ค์น
2.
UI Design Daily | Product Info UI Design
Open source UI design component created with Figma. Download the source file for free.
์ํ์ ๋ณด UI