Selectors choose the element to apply formatting to.These may also be grouped together. : Element Selector « Style Basics « HTML / CSS






  1. HTML / CSS
  2. Style Basics
  3. Element Selector

Selectors choose the element to apply formatting to.These may also be grouped together.

  
<!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>Selectors and Grouping</title>
        <style rel="stylesheet" type="text/css">
            p {
        font-family: Arial;
        font-size: 14pt;
    }

    h1 {
        color: black;
        border: 5px solid black;
    }
    h2 {
        color: orange;
        border: 4px solid orange;
    }
    h3 {
        color: blue;
        border: 3px solid blue;
    }

    h1, h2, h3 {
        letter-spacing: 5px;
        padding: 10px;
    }

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