Cascading Style Sheets – Static

[Total: 0    Average: 0/5]

This file shows how to use a Style Sheet to set up how things should appear.

Head Code:

<style type=text/css>
h1,h2,h4 {color:#FF0000;font-style:italic}
h4 {text-align: center; font-size: 5em}
.warning {
  color: yellow;
  font-weight:bold;
  background-color:orange;
  margin-left: 1in;
  margin-right: 1in;
  border-color: green;
  border-width: 8;
  border-style: solid
  }
.warning h1, .warning h2 {text-align: center}
#p23 {
  text-align: right;
  text-transorm: uppercase;
  color:#00FF00
  }
body {background-color:#EEEEEE}
</style>

Body Code:

<div class=warning>
<h2>Danger - Warning</h2>
This is your notification!
Notice the text size,style,placement,color as well as the border and background.
</div>
<p id=p23>
This paragraph is right aligned<br>
and appears in uppercase LeTers.<BR>
<span style="text-transform: none">Here we explicitly use an inline style to override ther uppercase letters.
</span>

Times Viewed: 0

Leave a Reply

Your email address will not be published. Required fields are marked *