Font size

The font-size property is used to specify the font size(baseline to baseline) the browser uses to render the characters.

The values of font-size are.

ValuesDescription
<absolute-size>
xx-small | xx-small | small | medium | large | x-large |xx-large
<relative-size>
larger | smaller
relative to the parent value
<length>
<percentage>relative to the parent value
inheritinherited from the parent


example
font-size : x-small
font-size : large
font-size : x-small
font-size : large

snippet
<html>
<head>
<style>
ol{color: red;}
ul{color: blue;}
</style>
</head>
<body>
<ul>Length
<li style="font-size: 1.2em">1.2em
<li style="font-size: 1.2ex">1.2ex
<li style="font-size: 20px">20px
<li style="font-size: 0.5in">0.5in
<li style="font-size: 5mm">5mm
<li style="font-size: 15pt">15pt
<li style="font-size: 2pc">2pc
</ul>

<ul>Absolute Size
<li style="font-size: xx-small">xx-small
<li style="font-size: small">small
<li style="font-size: large">large
<li style="font-size: xx-large">xx-large
</ul>

<ul>Relative Size
<li style="font-size: larger">larger
<li style="font-size: smaller">smaller
</ul>

<ul>Percentage
<li style="font-size: 50%">50%
<li style="font-size: 100%">100%
</ul>
</body>
</html>

Output
Related Tutorial
1. Fonts
8. Font
Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 # # # # #