Format Code
Run Code
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Html tutorial</title> </head> <style> </style> <body> <html> <head> <style> html { font-size: 18px; /* Sets the base font size for the entire HTML document. 1rem = 16px. Note: The font-size value of the HTML element will not affect the em value because the font-size value is defined in the body element. */ } body { font-size: 16px; /* Sets the base font size for the body element. 1em = 16px. */ } div.wrapper { font-size: 20px; /* Sets the font size for the elements inside the div with the class "wrapper". 1em = 20px for the elements inside this div. */ } h1 { font-size: 3em; /* Sets the font size for the h1 heading element. 3em = 48px (assuming the base font size is 16px). */ } div.wrapper h1 { font-size: 3em; /* Overrides the font size for the h1 heading element when it is inside the div with the class "wrapper". 3em = 60px (assuming the base font size is 20px). */ } </style> </head> <body> <div class="wrapper"> <h1>This is a heading</h1> </div> </body> </html> </body> </html>
console output