WJ

transform transform은 엘리먼트의 위치, 크기, 회전, 기울기를 변경하는 속성입니다. 2D transform, 3D transform으로 나눠집니다. 2D transform 3D transform matrix matrix3D translate translate3D translateX translateZ translateY scale3D scale scaleZ scaleX rotate3D scaleY rotateX rotate rotateY skew rotateZ skewXperspective skewY transform 속성의 속성값은 transform : scale(2, 3) 과 같은 형태로 사용할 수 있습니다. transform : scale(2, 3) == transform : sca..

position 의 이해 및 활용 css 에서 position 속성은 엘리먼트들의 위치를 지정해주는 역활을 하는 중요한 속성입니다.position에는 static, relative, absolute, fixed 라는 값을 가집니다. static 먼저 static 은 position 속성의 기본값으로 offset (top, right, bottom, left) 값에 영향을 받지 않고정적으로 위치하게 되어 생성된 위치를 고수합니다. relative relative는 상대적인 위치를 나타내며 자신의 생성된 위치에서 offset 값을 통해 이동이 가능합니다. 부모에 위치값에 영향을 받지 않고 offset 값만을 따릅니다. absolute absolute는 relative와 마찬가지로 offset 값을 통해 이동..

가상 선택자에는 크게 가상 클래스 선택자 와 가상 요소 선택자로 나눌 수 있습니다. HTML에 이미 존재하는 요소를 선택하면 "가상 클래스" 선택자. HTML에 존재하지 않지만 가상의 요소를 생성하여 선택하는 것은 "가상 요소" 선택자. 참고: 가상 클래스는 가상 요소보다 구체성이 높습니다. 가상 클래스 선택자 에는 : active ​사용자에 의해 활성화되어있는 요소를 나타냅니다. 마우스를 사용하는 경우에는 일반적으로 마우스 버튼을 누르는 순간부터 떼는 시점까지를 의미합니다. 일반적으로 와 에 사용되지만, 다른 요소에도 사용될 수 있습니다.:active 가상 클래스로 정의된 스타일은 적어도 하나의 동등한 특수성을 갖는 일련의 후속 링크 가상 클래스( :link, :hover, :visited)에 의해 재..