×

Italicize Font Using font-style [4/16]

You can change the font style using the font-style property. Its main values are:

  1. normal – normal style
  2. italic – italic style.

This property can take on other values, but they are almost never used.


Do it
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Italicize Font Using font-style:</title> </head> <body> <h1>Good Old HTML Stage</h1> <p>In the first stage, the original page content is marked up with HTML. In this stage, our objective is to make a logical and semantically correct markup. No additional styling is done in this stage. As a result, we have a <em>correctly marked up</em> HTML document to be displayed by the browser as it sees fit.</p> <p>You can call such markup the <span class="italic">"lowest common denominator"</span>, as it will be displayed correctly in any, even the most basic, browser. Progressive Enhancement insists that the first step is the most critical one, as <span class="italic">nothing is more important on the Web than the content</span>.</p> </body> </html>
CSS
h1 { font-size: 24px; }
HTML Academy
  1. Remove the italic style from the <em> tag.
  2. Make the heading italic.
  3. Italicize the tags of the italic class.
Theory Check Next