The difference between the Px+em+pt+rpx+rem

The difference between the Px+em+pt+rpx+rem
1.PX: (Pixel) unit name pixel, relative length unit, is relative to the screen resolution of the Monitor. Domestic use of more.

2.em: The unit name is relative length unit, relative to the font size of the text within the current object. If the font size of the current text in the row is not set, it is relative to the browser's default font size. More used abroad.

3.pt: The unit name is dot (point), Absolute length unit general old version of table used, now no longer.

4.RPX: Use more at the mobile end.

5.rem: One of the new additions to the CSS3 ...

A related question

Answer:
1. The distance between the top and bottom of the two characters is 15 pixels; line-height:15px;

2, two words up and down distance between 150% times; that is line-height:150%;

3, if we initially set font-size:12px;  So line-height:1.5; is equivalent to 12*1.5=18px;

4, first understand 1em=16px; So: 1.5em=24px; That is, the distance between the top and bottom of two characters is 24 pixels; line-height:1.5em = = line-height:24px;

If there is a mistake, I hope you leave a message, learn from each other and progress.