자습서를 만드는 CSS 웹 페이지: 글꼴 단위 EM 소개

그냥 웹 페이지 제작, 선생님 한번 줬을 배울 CSS를 사용 하 여 글꼴 크기의 정의 적용 하거나 모두가 일관 된 효과 볼 수 있도록 합니다. 이것은 현재 중국 사이트에서 특히 분명 하다입니다. NetEase, Sohu, 절대 단위와 함께 이러한 포털 사이트의 대부분을 포함 하 여를 포함 하 여 px (픽셀). 그러나, 사이트의 유용성을 고려 하면, 글꼴 크기 변수, 페이지의 콘텐츠를 볼 수 글꼴을 확대 하는 데 필요한 좋은 시력을 하지 않은 사람 이어야 한다. 그러나, 즉, 어떤 브라우저 시장의 대부분을 차지 하 고 수 없습니다 조정 픽셀 단위로 사용 하는 글꼴의 크기. 외국 사람들은 사이트의 사용의 용이성에 큰 중요성을 첨부, 외국 사이트의 상당수는 글꼴 단위로 em를 사용 하 고 있다.

1em은 부모 요소의 글꼴 크기를 상속 하 고 아니다 따라서 고정된 값을 글꼴의 크기를 말합니다. 모든 브라우저에 대 한 기본 글꼴 크기는 16px입니다. 따라서, 12px = 0.75em. 실용적인 응용 프로그램을 쉽게 변환에 다음 스타일을 일반적으로 설정 하 고:

HTML {font-size:62.5%;}

그래서, 1em 10px =. 우리의 일반적인 1.2em 이론은 12px. 그러나,이 변환 설정 되지 않습니다 IE 브라우저에서 12px 보다 약간 큰 것 1.2EM, 솔루션 즉 HTML 태그 스타일의 62.5% ~ 63%, 변경 하는 것입니다:

HTML {글꼴-크기: 63%;}

중국 기사에서 일반적으로 단락에서 첫 번째 빈 두 격자. 픽셀 단위를 사용 하면 빈 24px 12px 글꼴 필요 하 고 빈 28px 14px 글꼴에 대 한 필요가... 이 변환은 매우 일반적입니다. EM 단위를 사용 하는 경우 문제는 잘 해결, 1 단어의 크기는 1em, 두 단어의 크기가 2em. 그래서 이것을 정의 하는 유일한 방법은이 작업을 수행 하는:

p {텍스트-들여쓰기: 2em;}