> 웹 프론트엔드 > HTML 튜토리얼 > HTML px, em, pt 길이 단위

HTML px, em, pt 길이 단위

(*-*)浩
풀어 주다: 2019-10-14 16:11:15
원래의
3221명이 탐색했습니다.

HTML px, em, pt 길이 단위

px 단위 이름은 상대적인 길이 단위인 픽셀이며, 픽셀(px)은 모니터 화면 해상도에 상대적입니다. 단위 이름은 상대적인 길이 단위입니다. 현재 개체에 있는 텍스트의 글꼴 크기에 비해 해외에서 더 많이 사용됩니다. (추천 학습:

html tutorial

)pt 단위 이름은 포인트(Point)입니다. , 절대 길이 단위 일반적으로 이전 버전의 테이블에서는 길이 크기 단위를 사용하지만 현재는 기본적으로 사용하지 않습니다.

html 단위에 대한 간략한 소개:

Px 픽셀 상대 길이 단위.

Pt Point(포인트); 절대 길이 단위

Em 상대 길이 단위. 여기서 em은 html 태그의 "EM"과 철자가 같습니다. , 여기서는 단일 텍스트 단위로 표시됩니다.

1 예전에는 px 단위를 사용하는 글꼴 크기를 IE에서 조정할 수 없었으나 이제는 거의 IE에서 이를 지원하고 px 단위를 사용하도록 권장합니다. 2. 외국 대부분의 웹사이트가 글꼴 단위로 em을 사용하기 때문입니다.

3. Firefox에서는 px와 em을 조정할 수 있지만 중국 네티즌의 96% 이상이 IE 브라우저를 사용합니다. 또는 커널).

px 픽셀(픽셀). 상대 길이 단위. 픽셀 px는 모니터 화면 해상도에 상대적이며 QQ 스크린샷도 PX를 길이와 너비 단위로 사용합니다.

em은 길이의 상대적 단위입니다. 현재 개체 내의 텍스트를 기준으로 한 글꼴 크기입니다. 인라인 텍스트의 현재 글꼴 크기가 수동으로 설정되지 않은 경우 브라우저의 기본 글꼴 크기를 기준으로 합니다.

효과를 보려면 텍스트 em px pt 단위에 대해 서로 다른 길이를 설정하세요.

CSS 코드: # 🎜 🎜#

.divcss-px{ font-size:12px} 
.divcss-pt{ font-size:12pt} 
.divcss-em{ font-size:2em}
로그인 후 복사

HTML 코드:

<div class="divcss-px">我是divcss1</div> 
<div class="divcss-pt">我是divcss2</div> 
<div class="divcss-em">我是divcss3</div>
로그인 후 복사

위 내용은 HTML px, em, pt 길이 단위의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿