Group style in different css sections : Element Selector : Style Basics HTML CSS TUTORIALS

HTML CSS TUTORIALS » Style Basics » Element Selector »

Group style in different css sections


 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
     <head>
      <meta http-equiv="content-type" content="text/xhtml; charset=windows-1252" />
      <meta http-equiv="content-language" content="en-us" />
        <title>Exercise 1</title>
        <style type="text/css" media="all">

            /* Paragraph text is black and in 12pt font */
            p {
                font-size: 12pt;
                color: black;
            }

            /* h1, h2 and p are in Times New Roman font */
            h1, h2, p {
                font-family: "Times New Roman";
            }

            /* h1 and h2 have green text and 22pt font */
            h1, h2 {
                color: green;
                font-size: 22pt;
            }

        </style>
     </head>
     <body>
        <h1>
            Heading 1
        </h1>
        <h2>
            Heading 2
        </h2>
        <p>
            Some paragraph text.
        </p>
    </body>
</html>