CSS

CSS 기초

CSS (Cascading Style Sheets)

스타일 우선순위

선택자

선택자 우선순위

스타일 적용 방식

박스모델

스타일 속성

레이아웃 속성

스타일 적용 방식

인라인 스타일

스타일 적용 방식

박스 모델 Box Model

스타일 속성

레이아웃 속성

Flex 레이아웃 속성은은 1차원 레이아웃을 다양하고 쉽게 만들게 해주는 스타일 속성이고,

Grid 레이아웃 속성은은 2차원 레이아웃을 다양하고 쉽게 만들게 해주는 스타일 속성입니다.

레이아웃 속성

CSS @ 규칙 (At-rules)

@ 기호로 시작하며, 그 뒤에 규칙 유형을 나타내는 식별자가 따라옵니다.

주요 @ 규칙

@import

@media (미디어 쿼리)

@ 규칙 (At-rules)

웹사이트 UI 요소 리스트 (실무 용어)

네비게이션 / 메뉴 관련

유틸리티 영역 (UTIL·Utility Area)

레이아웃 요소

버튼 & 인터랙션 요소

반응형 웹 디자인

실전 사이트

상품정보 UI 만들어보기

피그마 설치

UI Design Daily | Product Info UI Design

Open source UI design component created with Figma. Download the source file for free.

https://www.uidesigndaily.com/posts/figma-product-info-ui-design-card-day-1575

상품정보 UI