line-height(2)
-
[CSS] font(5) - line-height
▶ line-height - 줄 높이를 지정. [속성 값] - normal: 브라우저의 기본 정의 사용. 1~1.4 브라우저마다 다를 수 있음. 기본값. - 숫자: 요소 자체가 가지고 있는 글자 크기의 배수로 지정. 예) line-height: 2;라면 텍스트 크기의 2배. - 특정한 px 표기보다는 배수로 표기하는 것을 권장. - 일반적으로 권장하는 배수는 1.4 ~ 1.7 - 폰트의 종류에 따라 차이가 있지만 1.4 ~ 1.7이 글자를 읽는 데 문제가 없다고 판단. - 단위: px, cm, em 등 - %: 요소 자체 글자 크기의 비율로 지정. - line-height는 첫 번째 줄과 두 번째 줄 사이의 간격이 아니라 첫 번째 줄의 높이, 두 번째 줄의 높이가 됨. 예) font-size: 16px;..
2020.09.09 -
[CSS] font(1)
▶ font - 글자 관련 속성들을 지정. - 단축 속성. - font-style, font-weight, font-size, line-height, font-family의 다섯 가지 개별 속성들의 집합. [개별 속성] font-style - 글자 기울기 지정. - 기본 값: normal. font-weight - 글자 두께 지정(가중치). - 기본 값: normal. font-size - 글자 크기 지정. - 기본 값: medium(= 16px). - 미리 지정된 CSS 설정이 없다면 font-size: medium;으로 설정되어 있을 것이고 이는 16px에 해당. line-height - 줄 높이 지정. - 기본값 normal. - reset.css 적용 시 line-height의 기본 값은 약 1...
2020.09.09