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






  1. HTML / CSS
  2. Style Basics
  3. 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>








Related examples in the same category

1.To style all elements in a document with no bottom margin using * {margin-bottom:0;}
2.Tag style selector
3.Selectors choose the element to apply formatting to.These may also be grouped together.
4.h1 and h2 have green text and 22pt font
5.Set style for more than one tags
6.Table in a DIV tag
7.Separate the style
8.Style reuse across tags
9.To style all paragraphs in a document with a bottom margin of 10 pixels using p{margin-bottom:10px;}.
10.Styles are shared between h2 and label elements that appear inside of a form
11.Set style for div, h1 and p together
12.Mix group selector and element selector
13.Inheritance In Action