Changing the font-weight
The font-weight of an element defines the thickness of a font. Fonts can come with a range of font-weights from 100 (thinnest) to 800 (thickest). The weights available will depend on your theme and how its font family have been set.
<p style="font-weight:600;">This text is bolder than normal.</p>
This text is bolder than normal.
Changing the font colour
<p style="color:#516bf0;">This text is a different color.</p>
This text is a different color.
Combining CSS
You can combine styling using a semi-colon.
<p style="font-size: 30px;font-weight:600;">This text is bigger and bolder than normal.</p>
This text is bigger and bolder than normal.
Use the <SPAN> tag for more precise targeting
The CSS we’ve added up to now applied to the whole element block. But what if we wanted to target only a bit of the text? This is where the <span></span> tag comes in.
Use the <span></span> tag within another tag. Here we change the colour of one word only.
<p>This <span style="color:#516bf0;">text</span> is a different color.</p>
This text is a different colour.