오물오물 개발일기

Typography Font-size - 폰트의 크기를 지정합니다. .text{ font-size:18px; } line-height - 줄 간격의 사이즈 - 줄 안의 세로 정중앙에 위치하게 됩니다. - px이나 rem 경우엔 단위를 명시하고 em은 단위를 명시하지 않습니다. .text{ line-height:16px; } .text1{ line-height:1rem; } .text2{ line-height:1.5; } letter-spacing - 글자간을 조절합니다. - px과 em을 사용합니다. - line-height와 달리 em의 경우에도 단위를 명시합니다. .text{ font-size:15px; line-height:1.5; letter-spacing:-.01em; } font-family ..

* 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