CSS 글꼴 크기 선언에서 슬래시(/)는 어떤 역할을 합니까?

슬래시를 사용한 CSS 글꼴 크기 이해

CSS에서는 글꼴 크기를 정의할 때 슬래시(/)를 자주 접하게 됩니다. 혼란스러워 보일 수도 있지만 실제로는 중요한 목적을 제공합니다.

다음 CSS 선언을 고려하세요.

font: 100%/120%;

여기서 슬래시는 무엇을 합니까?

슬래시는 두 속성 사이의 구분을 나타냅니다.

• font-size: 텍스트 크기를 설정합니다.
• line-height : 텍스트 줄 사이의 세로 간격을 제어합니다.

따라서 위 선언은 다음과 같습니다.

font-size: 100%;
line-height: 120%;

공식 정의:

CSS 문서에 따르면 "이 속성의 구문은 글꼴과 관련된 여러 속성을 설정하기 위한 전통적인 인쇄상의 속기 표기법을 기반으로 합니다."

인쇄 기록:

전통적인 타이포그래피에서는 글리프 크기와 줄 높이를 나타내는 "x pt on y pt"로 서체 크기를 지정하는 것이 일반적입니다. 이 표기법은 슬래시를 사용하는 CSS 글꼴 속기에 반영됩니다.

브라우저 처리:

글꼴 속기를 사용할 때는 글꼴 크기와 계열을 모두 지정해야 합니다. 표기법. 글꼴만 사용: 100%/120%; 올바르지 않으며 브라우저에서 무시됩니다. 하지만 일반 성을 포함하여 유효하게 만들 수 있습니다.

font: 100%/120% serif;

위 내용은 CSS 글꼴 크기 선언에서 슬래시(/)는 어떤 역할을 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!