Get the App
SLTechnology News&Howtos  ›  Development  › 

What is the difference between the px, em and pt length units of HTML

Shulou Source: shulou.com Published: 2022-06-02 06:17:50 10月04日 Update

This article mainly talks about "what is the difference between HTML's px, em and pt length units". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Next, let the editor take you to learn "what is the difference between HTML's px, em, and pt length units?"

Px unit name is pixel, relative length unit, pixel (px) is relative to the screen resolution of the monitor

The em unit name is the relative length unit. Compared with the font size of the text in the current object, it is widely used in foreign countries.

The name of the pt unit is Point, and the absolute length unit is generally used in older versions of table, but it is basically not used now.

Brief introduction of html units:

Px pixel Pixel; relative length unit.

Pt point (Point); absolute unit of length

Em relative unit of length, where em and html tags are spelled exactly the same as "EM", and here em is used as a separate unit of text.

1. In the past, IE could not adjust the font size of those using px as a unit, but now almost all IE supports it. PX is also recommended here.

two。 The reason why most foreign websites can be adjusted is that they use em as the font unit.

3. Firefox can adjust px and em, but more than 96% of Chinese netizens use IE browsers (or kernels).

Px pixels (Pixel). A unit of relative length. Pixel px is relative to the screen resolution of the display, and QQ screenshots also use PX as the unit of length and width.

Em is a unit of relative length. The font size relative to the text within the current object. If the current font size for inline text is not artificially set, it is relative to the default font size of the browser.

Set different length em px pt units for the text to see the effect:

CSS Code:

. divcss-px {font-size:12px}. Divcss-pt {font-size:12pt}. Divcss-em {font-size:2em}

HTML Code:

I am divcss1 I am divcss2 I am divcss3 so far, I believe you have a deeper understanding of "what is the difference between HTML's px, em, and pt length units", you might as well do it in practice! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Tags: Unit length font pixel different size text unit name adjustment code content resolution size object screen monitor browser website learning browsing Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno NVidia OPPO Reno Microsoft Linux Redmi