줄 간격, CSS, 기본

오늘 우리는 CSS 줄 높이 간격을 분석 할 것입니다. 이 기능은 텍스트를 읽기 쉽게 만들 수 있습니다. 또한, 종종 페이지의 내용이 차지하는 크기를 줄이기 위해 사용된다. 특히 문제의 역사에 대한 간략한 여담가 제공됩니다 바로 아래의 초보자를위한. 그래서, 다음, 당신은 CSS 라인의 높이 간격을 설치하는 방법을 배우게됩니다.

필요한 정보

CSS는 의미 캐스 케이 딩 스타일 시트, "캐스 케이 딩 스타일 시트"수단을 번역했다. 이 언어는 마크 업 언어 (예를 들어, HTML)에 기록 된 웹 페이지에 사용됩니다. 내장 된 CSS 디자인 문서 세트의 출현하기 전에 HTML 태그, 하지만 그들은 매우 불편하고 전체 코드를 범람했다. 따라서 등록을위한 책임이 새로운 언어를 만들기로 결정했다. 오늘, CSS와 HTML - 두 개의 분리 할 수없는 개념이다. 구문 CSS 스타일은 같은«: 빨간색 배경»등의 속성과 그 값을 사용, 매우 간단합니다. «몸 {배경 : 범위를 지정하려면, 당신은 단지 속성 태그 이름 (또는 식별자)에 쓸 필요가 빨간색; } "하지만 팀 자체는 중괄호 사이에 위치한다. 세미콜론 될 특성에 대한 설명과 함께 기록 된 각 행의 끝에서, 그렇지 않으면 에러가 발생한다.

간격

그러나 충분히 소개 문구에, 본론. 줄 간격의 CSS 속성은 라인 높이를 사용하여 설정합니다. 그것은 모든 요소에 적용 할 수 있습니다. 속성 자체는 아이들이 부모로부터 간격을 복사합니다 즉, 상속됩니다. 예를 들어, 다음 명령을 쓰면 : 본체 {라인 높이 : 20 픽셀} 다음 페이지의 모든 요소는, 줄 간격은 20 개 화소와 동일 할 것이다. (- 태평양 표준시, 픽셀 - 픽셀, 인치 -에서, 등등 ... 항목)이 속성의 값은 알려진 CSS 단위로 사용될 수있다. 또 다른 옵션은 상대 값을 같은 관심이나 승수를 사용하는 것입니다. 이 경우, CSS 줄 간격은 부모 요소에서 공제됩니다. 기본값은 키워드 정상으로 간주됩니다.

자세한 내용은,

우리가 간격에 대해 이야기하고 있기 때문에, 문자 사이의 거리에 대해 언급 할 가치가있다. 별도의 특성, 즉 자간을 따로 설정 CSS에서이 특성을 결정합니다. 이 명령은 행동의 원칙 라인의 높이와 비슷한입니다. 다른 값 단위 동일. 문자 사이의 CSS-간격은 또한 모든 요소에 적용하고, 언어의 모든 버전의 지원이 될 수있다. «H2 {자간 : 속성의 예 10px; } ". 당신은 body 요소의 문자 사이의 간격을 지정하면 (값이 명시 적으로 오버라이드 (override)되어 있지 않은 경우), 모든 요소는이 기능을 상속합니다.

결론

일부 브라우저가 제대로 줄 높이 CSS의 간격을 결정하는 것을 주목해야한다. 예를 들어, IE 프로그램 (버전 7.0까지)을 잘못 거리를 계산합니다. 이 경우 계정에 차이 간격을해야합니다. 이 오류의 새로운 버전은 완전히 브라우저를 수정됩니다. 문자 사이의 거리를 결정하는 속성을 사용하는 경우 유사한 문제가 발생합니다. 다른 프로그램에서 명령 데이터는 W3C (월드 와이드 웹 컨소시엄)에 따라 결정된다.