Font 2

비전공자를 위한 HTML/CSS-폰트,텍스트3

text-align 속성 텍스트의 정렬을 지정하는 속성입니다. 기본 값 : left (Right to Left 언어일 경우는 right) text-align: left | right | center | justify | initial | inherit ; 기본 값은 left이지만 경우에 따라 다릅니다. 문서의 방향이 LTR(Left To Right) 왼쪽에서 오른쪽 방향인 언어일 경우 left가 기본값이고, RTL(Right To Left) 로 오른쪽에서 왼쪽으로 읽힐 경우 right가 기본값이 됩니다. left 텍스트를 왼쪽으로 정렬 right 텍스트를 오른쪽으로 정렬 center 텍스트를 중앙으로 정렬 justify 텍스트를 라인 양쪽 끝으로 붙여서 정렬. (마지막 라인은 정렬 하지 않음) text-..

코딩 공부 2022.05.05

비전공자를 위한 HTML/CSS-폰트,텍스트 1

타이포그래피의 구조 폰트를 이해하기 위해서는 타이포그래피의 구조를 먼저 이해해야 합니다. 모든 폰트는 em박스를 가지고 있고 위 그림과 같은 구조로 이루어져 있습니다. •em 폰트의 전체 높이를 의미합니다. •ex ( = x-height ) 해당 폰트의 영문 소문자 x의 높이를 의미합니다. •Baseline 소문자 x를 기준으로 하단의 라인을 의미합니다. •Descender 소문자에서 baseline 아래로 쳐지는 영역을 의미합니다. 서체에 따라 descender의 길이가 다릅니다. ( g, j, p, q, y ) •Ascender 소문자 x의 상단 라인 위로 넘어가는 영역을 의미합니다. ( b, d, h, l ) 생각해보기 타이포그래피 구조에는 위에서 설명한 5가지 외에도 세부적으로 다양한 용어가 있습..

코딩 공부 2022.05.05