오물오물 개발일기

Transform - 요소를 움직이거나, 회전, 기울기 등 여러 작업을 할때 사용합니다. - translate | rotate | scale - translate -> 요소를 움직일때 사용한다. .transform { transform : translate(10px, 30px); /* translate(x,y) -> translateX(), translateY() */ } * https://developer.mozilla.org/ko/docs/Web/CSS/transform transform CSS transform 속성으로 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있습니다. developer.mozilla.org

* margin, text-align, translate, text centering margin : auto; - 라인내에 한 컨텐츠만 정렬 시킬때 text-align : center; - 특성이 block가 아니라 inline의 경우에 텍스트 뿐만아니라 컨텐츠도 가운데로 정렬 가능 transform : translat(50%, 50%); - x,y 이동 가능 - 이동하거나 회전도 가능 line-height : - 폰트매트릭스를 이용하여 텍스트 수직 정렬이 가능하다. margin: auto text-align: center Text translate(50%, 50%) Text centering Text Text