어떻게 CSS에서 줄 간격을 조정?

오늘의 텍스트는 여전히 광대에 전송되는 정보의 주요 유형 인 월드 와이드 웹. 따라서 모양을 통제 특별한주의가 주어집니다. 라인 사이의 거리를 결정하는 텍스트 줄 간격, 하나 개의 중요한 특성. 이 규칙 만난 적이 없다면, 당신은 아마 CSS와 함께 일한 적이있다. 결국,이 스타일 언어 텍스트의 중요한 외부 특성을 변경하기 위해 사용할 수있는 명령을 제공합니다. 이러한 규칙은 모든 현대적인 브라우저에서 지원하고 캐스 케이 딩 스타일 시트의 모든 버전의 표준으로 제공한다 (CSS : 캐스 케이 딩 스타일 시트).

규칙

CSS에서, 라인 간격은 간단한 라인 높이 팀에 의해 설정된다. 녹음은 일반적인 방법으로 이루어집니다. 이 값은 임의의 음이 아닌 정수에 할당 될 수있다. 이 적혀 있다면 :«라인 - 높이 : -4px를,», 명령은 무시됩니다. «정상»나«상속»: 당신은 값을 지정할 수 있습니다. 제 선택된 폰트의 종류와 크기에 따라 결정되는 간격의 자동 설정을 사용하는 것이다. 이 경우, 라인 사이의 거리가 브라우저 자체에 의해 설정. 줄 간격 값«상속»에 의해 "부모"태그로부터 상속하는 임의의 값이 될 수있다.

값

상대 및 절대 : 표준 명령 다른 모든 값은 두 가지로 나눌 수있다. CSS는 사용자 정의 할 다른 더 편리한 방법을 사용하여 유연한 라인 사이에 줄 간격 거리를 제어 할 수 있습니다. 절대 값의 CSS에서 사용되는 장치의 알려진 모든 길이를 포함한다. 이 목록은 포함 (인치)에서 PT (점), 픽셀 (화소) 등. 카운트 간격은 폰트베이스 라인으로부터 만들어진다. «라인 - 높이 : 10px;»우리는 규칙을 작성하는 경우, 줄 간격은 항상 10 개 픽셀과 동일합니다. 특정 글꼴에 대한 정확한 범위를 지정해야하는 경우 이러한 방법은 이상적입니다. 그러나 모든 다른 화면 확장 잊지 마세요. 당신이 이러한 거리가 잘 보이는 경우, 그것은 모두가 같은 효과가있을 것이라는 점을 의미하지 않는다. 예를 들어, 모바일 큰 줄 간격이 큰 불편을 일으킬 수 있습니다.

상대 값

화면의 다른 확장자로 문제를 해결하려면 사용할 수있는 상대 값을. 가장 일반적으로 사용되는 비율입니다. 이 경우의 값은 비교적 폰트 높이를 설정한다. 예를 들어,«라인 높이를 지정 : 150 %를, "우리는 간격, 반 대 중 문자를 얻을. 100 %가 사용 된 폰트의 높이이다. 대부분의 숙련 된 개발자는 그것의 사용은 상대 값입니다 좋습니다. 그래서 당신은 화면의 다른 확장과 관련된 문제에서 자신과 사용자를 저장합니다.

결론

비표준 글꼴 세트를 사용하고, 당신이 중요하다면 잘 정의 된 줄 간격은 절대 값을 선택합니다. 다른 모든 경우에 재산의 비율을 설정하는 것이 바람직하다. 이 문서의 특정 영역에 대한 개별 간격을해야 할 때, ID-태그 또는 선택기를 사용합니다. 따라서, 당신은 전체 문서의 줄 간격을 설정할 필요가 없습니다.