Extensive and profound CSS (1)-New discoveries

1. Absolute unit and relative unit: Px and EM (learning, huh, huh)

 

1. Code:

<P style = "Background: #900; color: # 00f; Font: bold 12px/24px helvertica, Arial, sans-serif; Height: 24px; width: 370px; "> lorem ipsum dolor sit Amet, consectetuer adipiscing elit. </P>
<Br/>
<Br/>
<P style = "Background: #090; color: # 00f; Font: bold 12px/2em helvertica, Arial, sans-serif; Height: 2em; width: 370px; overflow: hidden; "> lorem ipsum dolor sit Amet, consectetuer adipiscing elit. </P>

1. Effect:

The previous height is the absolute unit PX, and there is no hidden overflow. The next height is the relative unit em, And the overflow is hidden.

If your browser supports font amplification, you can zoom in the font to see what will happen.

 

 

2.