Answer:
Make sure to create and link a css file with the following:
<link rel="stylesheet" href="./styles.css">
In your css file, enter these styles:
h2 {
color: blue;
font-family: 'Times New Roman', Times, serif;
text-align: right;
}
strong {
color: teal;
font-size: 32pt;
font-weight: 700;
}
p {
text-transform: uppercase;
text-decoration: overline;
word-spacing: 10em;
}
Explanation:
In order for the html file to know where your styles are located, you have to link it to the css file with the code given above. In this file, you will enter some css to change the styles of the elements you have created in your html file.
To alter the style of an element, you first have to enter the name of the element itself, its class or its id. In this case, we have used the element itself, meaning that all the same elements in the html file will have the same style. The styles you wish to use are entered in between the curly brackets.
In your specific problem, we are trying to change the h2, strong and p elements, so that is what we have done. For the h2, you wanted it blue, therefore we use the color property to change the color. For the font, we use the font-family and finally we use text-align to align it to the right. The same pretty much applies for the other two elements. Your strong element needs to be teal,32pt and 700 bold. Therefore we use the color, font-size and font-weight properties respectively. And finally for the p element, we will use the text-transform, text-decoration and word-spacing properties respectively.
When you dont know the name of the property you want to change, I suggest googling it. You will definitely find the property name you are looking for. W3schools.com is a good source to use.
