freeCodeCamp/guide/english/certifications/responsive-web-design/basic-css/inherit-styles-from-the-bod.../index.md

1.1 KiB

title
Inherit Styles from the Body Element

Inherit Styles from the Body Element

We need to create a h1 element with the text Hello World, then we need to give all elements on your page the color of green in our body element's style declaration, and finally, we need add to our body element font-family of monospace.

Solution

1. Create a h1 element with the text Hello World:

add h1 after </style> element:

   <h1>Hello World</h1>

2. Give all elements on your page the color of green and font-family of monospace in our body element's style declaration:

add between <style> and </style>:

   color: green;
   font-family: monospace;

Full solution

<style>
  body {
    background-color: black;
    color: green;
    font-family: monospace;
  }
</style>

<h1>Hello World</h1>