h1 and h2 have green text and 22pt font : Element Selector « Style Basics « HTML / CSS






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

h1 and h2 have green text and 22pt font

  

<!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" />
        <style type="text/css" media="all">

            
            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.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