如何更改 html 中的字体颜色

Question

the relevant part of my code is:

<p style="font-family:'impact', color:red">
            something          
</p>

The problem is I can't use both the color and the font together. If I use the font-family property alone, it works perfectly. If I use the color property alone, it works perfectly. But if I use both properties together, as shown above, neither of them work.

What error am I making in my inline style code? What is the proper way to use the style attribute to change multiple CSS properties?

Answer 1

Write it like that:

<p style="font-family:'impact'; color:red"></p>

Answer 2

When using the style attribute to apply a unique style to a single paragraph element, you should include a semicolon after each CSS property.

 <p style="color: red;"> This text is red </p> <p style="font-family: impact;"> This text is impact font </p> <p style="color: red; font-family: impact;"> This text is red and impact font </p>