Chuyển tới nội dung chính

Submodule 3.2: Inserting CSS

Exercises

You have the code:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Style - CSS</title>
    <!-- This is an external style sheet-->
    <link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/Core/Swiss">
  </head>
  <body>
    <h2>This is a Heading 2</h2>
    <h4>This is a Heading 4</h4>
    <!-- Paragraph 1-->
    <p>Lorem ipsum dolor sit amet, ea nec probo eloquentiam, in esse quando laboramus sea.</p>
    <!-- Paragraph 2-->
    <p>Solet dictas periculis et mea, in omnesque periculis eloquentiam vis.</p>
    <!-- Paragraph 3-->
    <p>Mea id tale delicata conclusionemque, ut dicam everti vel, est ei ornatus probatus efficiantur. </p>
    <!-- Paragraph 4-->
    <p>Te adipisci delicatissimi usu, ridens copiosae pri no, etiam verterem molestiae eos te.</p>
  </body>
</html>

Exercise

This is an exercise to understand the priorities rules.

  1. Open your editor, create a new file and save it as exersice03.2.04.html in the folder "Exercises".
  2. Copy the above code and paste it in the new file.
  3. Modify and save the file. The browser's output should be as shown in the following image:

The result is ...

Solution: