[용어] CSS3 핵심 용어 정리 > 웹 무료강의 | 모던DS 웹에이전시

용어정리 [용어] CSS3 핵심 용어 정리

작성자 모던DS
조회 61회

CSS3 핵심 용어 정리

구분	용어		설명
레이아웃	Flexbox	플렉스박스	요소를 행 또는 열로 배치하고 공간을 분배하는 1차원 레이아웃 모델
	Grid	그리드	행과 열을 모두 사용하는 2차원 레이아웃 시스템
속성/변수	Custom Properties	커스텀 프로퍼티	변수를 선언하여 값을 재사용하는 기능 (var() 사용)
	Calc()	칼크	속성값을 계산식으로 지정할 수 있는 함수
반응형	Media Queries	미디어 쿼리	기기 특성(너비 등)에 따라 다른 스타일을 적용하는 기법
	Viewport Units	뷰포트 유닛	화면 크기를 기준으로 하는 단위 (vw, vh 등)
그래픽 효과	Transition	트랜지션	속성값이 변할 때 부드러운 애니메이션 효과를 주는 기능
	Animation	애니메이션	@keyframes를 통해 복잡한 움직임을 정의하는 기능
	Transform	트랜스폼	요소를 회전, 확대, 이동, 기울이는 기능
	Gradient	그라디언트	색상이 자연스럽게 변하는 배경을 생성하는 기능
선택자	Pseudo-elements	슈도 엘리먼트	::before 등 요소의 특정 부분에 스타일을 입히는 가상 요소
	Attribute Selectors	어트리뷰트 셀렉터	특정 속성값을 가진 요소를 선택하는 방식
기타	Box-sizing	박스 사이징	박스의 너비 계산 방식(테두리 포함 여부 등) 결정
	Gap	갭	요소 사이의 간격을 직접 수치로 조절하는 속성