CSS기초 [css 기초] 1) 선택자 일치 선택자 선택자를 붙어서 쓴 경우 (선택자 + 선택자) 자식 선택자 E > F E의 자식 선택자 F 후손 선택자 E (공백) F 인접형태 선택자 E + F E의 다음형제 요소 F 하나만 선택 일반형제 선택자 E ~ F E의 다음 형제 요소 F 모두 선택 E:hover E:hover E:focus E:focus E:active E:active 마우스 클릭하는 동안 E:first-child ... CSS기초CSS기초 [CSS 기초] Transform, Transition 변형을 오른쪽에서부터 왼쪽으로 하나씩 순서대로 적용 → translateY 먼저 적용, rotate 다음으로 적용이 된다. 2D만을 위한 함수, 3D로 조절은 못한다 (sclale3d()라는 별도의 func가 있다.) deg : degree를 의미한다. 45deg → 45도를 의미한다. turn : 바퀴를 의미한다. 2turn → 2바퀴 돌린 것을 의미한다. 90deg = 0.25turn (... css transformcss 변형CSS기초트랜지션transitionCSS기초
[css 기초] 1) 선택자 일치 선택자 선택자를 붙어서 쓴 경우 (선택자 + 선택자) 자식 선택자 E > F E의 자식 선택자 F 후손 선택자 E (공백) F 인접형태 선택자 E + F E의 다음형제 요소 F 하나만 선택 일반형제 선택자 E ~ F E의 다음 형제 요소 F 모두 선택 E:hover E:hover E:focus E:focus E:active E:active 마우스 클릭하는 동안 E:first-child ... CSS기초CSS기초 [CSS 기초] Transform, Transition 변형을 오른쪽에서부터 왼쪽으로 하나씩 순서대로 적용 → translateY 먼저 적용, rotate 다음으로 적용이 된다. 2D만을 위한 함수, 3D로 조절은 못한다 (sclale3d()라는 별도의 func가 있다.) deg : degree를 의미한다. 45deg → 45도를 의미한다. turn : 바퀴를 의미한다. 2turn → 2바퀴 돌린 것을 의미한다. 90deg = 0.25turn (... css transformcss 변형CSS기초트랜지션transitionCSS기초