Loads of Styles!

Changing native styles is not the only thing you can do. In some situations, you will need to create more personal styles. Don't worry, creating a new style is no more difficult than redefining an existing one.

Defining a new style named title is done in the same way as redefining a <H1> tag's style, except that the name has to be prefixed with a point:

<STYLE>
    .title    {
    font-size: 24pt;
    font-family: Verdana;
    color: #2288FF;
    font-weight: normal;
    text-align: right;
    top : 130px;
    right : 100px
    }
  </STYLE>

One snag is that the use of customised styles differs from what we have seen before. We will tackle this more complex, but more powerful, application in our workshops. We will see how style sheets can, by means of customised styles, allow you to position elements with pixel precision.