HTML5 및 CSS3 프로그래밍의 절대 측정 단위로 크기 지정 방법 - 인형

여러 번 CSS3에서 무언가의 크기를 지정해야합니다. 물론 글꼴 크기는 이러한 경우 중 하나입니다. 여러 유형의 측정에는 서로 다른 의미가 있습니다. CSS에는 두 가지 종류의 단위가 있다는 것을 아는 것이 중요합니다.

절대 측정 은 실제 크기와 같이 특정 크기를 나타냅니다. 상대 측정 은 일부 기본값에 대한 변경 사항입니다. 일반적으로 웹 개발자는 글꼴 크기에 대한 상대적 측정으로 이동하고 있습니다.

점 (pt)

워드 프로세싱에서 글꼴 크기의 측정치로 점 을 잘 알고있을 것입니다. 예를 들어, 점으로 측정하는 것을 나타 내기 위해 약어 pt를 사용할 수 있습니다.

p {font-size: 12pt;}

불행히도 점은 웹 페이지의 효과적인 측정 단위가 아닙니다. 점은 절대적인 축척으로 인쇄에 유용하지만 사용자 화면의 해상도가 무엇인지 모르기 때문에 웹에서 신뢰할 수 없습니다. 서로 다른 모니터에서 12 포인트 글꼴이 더 크게 보일 수도 작아 보일 수도 있습니다.

일부 버전의 IE에서는 글꼴 크기를 포인트 단위로 지정하면 사용자가 더 이상 문자의 크기를 변경할 수 없습니다. 이것은 사용성의 관점에서 받아 들일 수없는 것입니다. 상대적인 크기 체계는이 문제를 예방합니다.

픽셀 (픽셀)

픽셀 은 화면의 작은 점을 나타냅니다. 글꼴 크기는 픽셀 단위로 지정할 수 있습니다. 일반적으로 그렇게하지는 않습니다. 한 가지로, 서로 다른 모니터가 서로 다른 크기의 픽셀을 만듭니다. 픽셀이 전체 화면 크기와 얼마나 관련성이 있는지 확인할 수는 없습니다.

문자는 크기가 다르기 때문에 픽셀 크기는 평균 문자의 너비와 높이를 대략적으로 측정 한 것입니다. px 약어를 사용하여 픽셀 단위로 글꼴을 측정합니다.

p {font-size: 20px;}

전통적인 측정 값 (cm)

인치 (in)와 센티미터 글꼴, 그러나 이것은 완전히 비실용적입니다. 화면과 투사 시스템에 웹 페이지가 표시된다고 가정 해보십시오. 모니터의 1 인치는 프로젝터에서 10 인치처럼 보일 수 있습니다. 실제 측정 단위는 웹에 의미가 없습니다.

사용할 수있는 유일한 시간은 프린터를 구성하고 프린터 구성 방법을 완전히 알고있는 경우입니다. 그렇다면 HTML이 아닌 워드 프로세서와 같은 인쇄용 레이아웃 도구를 사용하는 것이 좋습니다.