In the following code-snippet, what is the correct way to change the font size of the h1 heading to 24px?
<h1>The best bakery</h1>
<p>We make fine bread</p>
h1{
font-size: 24px;
}
p{
font-weight: bold;
}
p{
font-size: 24px;
}
h1{
font-weight: bold;
}
The correct way to change the font size of the h1 heading to 24px is:
h1{
font-size: 24px;
}
The correct way to change the font size of the h1 heading to 24px in the given code snippet is by using the following CSS style:
h1 {
font-size: 24px;
}
So, the correct code snippet would look like this:
<h1>The best bakery</h1>
<p>We make fine bread</p>
<style>
h1 {
font-size: 24px;
}
p {
font-weight: bold;
}
</style>
The correct way to change the font size of the h1 heading to 24px in the given code snippet is to use the following CSS code:
h1 {
font-size: 24px;
}
Since the h1 heading already has a style defined in the code snippet, you should modify the existing h1 selector to include the font-size property and set it to 24px. By doing this, you will override the previous font-size value and apply the desired font size of 24px.