CSS 스타일 속성

스타일 속성

구성 요소

CSS 스타일 속성 이름은 케밥 케이스로 정의되어 있습니다.

font-size

background-color

두 단어 이상이 될 때, 단어와 단어 사이의 구분을 - (하이픈, 대시) 로 구분하게 되어있습니다.

스타일 속성 종류

스타일 속성

글꼴 속성 (Font Properties)

자주 사용하는 속성

글꼴 속성 종류

기본 예시 코드

폰트 지정하는 방법

자주 사용하는 속성

글꼴 속성 종류

텍스트 속성

텍스트 속성 종류

기본 예시 코드

텍스트 반응형 스타일

텍스트 속성 종류

기본 예시 코드

텍스트 속성

여백 속성

배경 속성

배경 속성 종류

배경 그라데이션 함수

기본 예시 코드

배경 속성 응용

배경 속성 종류

배경 그라데이션 함수

위치 속성

위치 설정 기준과 크기를 지정하는 속성

위치 속성 종류

위치 설정 기준

기본 예시 코드

위치 속성 활용

위치 속성 종류

위치 설정 기준

static

relative

배치 속성

배치 속성 종류

기본 예시 코드

배치 속성 종류

기본 예시 코드

float

clear

표현 속성

표현 속성의 종류

기본 예시 코드

표현 속성의 종류

기본 예시 코드

변형 속성

변형 속성의 종류

기본 예시 코드

전환 속성

변환 속성 종류

기본 예시 코드

타이밍 속도 생성 사이트

변환 속성 종류

속성 (property): 애니메이션을 적용할 CSS 속성입니다.

지속 시간 (duration): 애니메이션의 지속 시간입니다. (예: 0.5s, 300ms)

타이밍 함수 (timing-function): 애니메이션의 속도 변화 곡선입니다. (예: linear, ease-in, ease-out, ease-in-out)

지연 시간 (delay): 애니메이션이 시작되기 전에 지연되는 시간입니다. (예: 0s, 200ms)

애니메이션 속성

애니메이션 속성의 종류

기본 예시코드

애니메이션 속성 응용

애니메이션 속성의 종류

기본 예시 코드

애니메이션 속성