QUICK CSS TUTORIAL / PDF
Sample of the pdf document :
2. Then delete everything and paste in the html below, and notice the change.
<html>
<head>
<style type="text/css">
</style>
</head>
<body>
<h1>My very first styled page</h1>
<p>This is a paragraph.
<p>This is another paragraph
<p>And this is another one
<p><a href=http://www.google.co.uk>And this is a link to Google</a>
</p>
</body>
</html>
Everything that I’m going to change now is the CSS. This means I am just changing the style (what it looks like) of the sheet not the content. All of this information is in the <head> section of the html within
<style>
and </style>:
<html>
<head>
<style type="text/css">
WRITE OR PASTE YOUR STYLE IN THIS SECTION
</style>
</head>
3. Adding colours:
First I am going to change the background colour. When you make a css rule the format is:
Here I am going to create a rule for the background colour using a hex value (specific colour):
body
{
background-color:#FACC2E;
}
and for the header I will use a html friendly colour:
h1
{
color: yellow;
}
Now my background.....
Click here for Download PDF / FREE
0 commentaires: