Set style for more than one tags : Element Selector « Style Basics « HTML / CSS






Set style for more than one tags

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title></title>
<style type="text/css">

h1, h2, h3 {
 font-size: 200%;
 background-image: url(bkgd2.jpg);
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: center;
 padding: 1.5em;
 text-align: center;
 color: white;
}

</style>
</head>

<body>
  <h1>header 1</h1>

  <p>This is a text. This is a text. This is a text. This is a text.
  This is a text. This is a text. This is a text. This is a text.
  This is a text. This is a text. This is a text. This is a text.
  This is a text. This is a text. This is a text. This is a text.
  This is a text. This is a text. This is a text. This is a text.
  This is a text. This is a text. This is a text. This is a 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.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