Tutorials.

+ HTML

+ CSS

+ XHTML

+ JavaScript

★SAMPLE CSS TEMPLATE

Here's a sample CSS template you can use. You can change all values that are in bold but be careful not to change any of the punctuations in the style sheet. Another thing to note is that I have included most properties. In reality, you may not need to define all of the properties. If you find them unnecessary, you can delete them - but be sure to delete the whole set of code in the format -

PROPERTY: value;


If you didn't include, let's say, the letter-spacing property in your CSS, it basically means the letter-spacing in your site will be the default one.

<style type="text/css">

A:link
{ color: value;
background-color: value;
text-decoration: value;
font-weight: value;
font-size: value;
font-family: value;
cursor: value; }

A:visited
{ color: value;
background-color: value;
text-decoration: value;
font-weight: value;
font-size: value;
font-family: value;
cursor: value; }

A:hover
{ color: value;
background-color: value;
text-decoration: value;
font-weight: value;
font-size: value;
font-family: value;
cursor: value; }

A:active
{ color: value;
background-color: value;
text-decoration: value;
font-weight: value;
font-size: value;
font-family: value;
cursor: value; }

body
{background: value;
background-image: url(your_image.jpg);
background-repeat: value;
background-attachment: value;
background-position: value value;

font-family: value;
font-size: value;
font-weight: value;
color: value;
text-decoration: value;
text-align: value;
text-transform: value;
text-indent: value;
letter-spacing: value;
word-spacing: value;

scrollbar-face-color: value;
scrollbar-highlight-color: value;
scrollbar-3dlight-color: value;
scrollbar-shadow-color: value;
scrollbar-darkshadow-color: value;
scrollbar-track-color: value;
scrollbar-arrow-color: value; }

p
{ font-family: value;
font-size: value;
font-weight: value;
color: value;
text-decoration: value;
text-align: value;
text-transform: value;
text-indent: value;
letter-spacing: value;
word-spacing: value; }

h1
{ font-family: value;
font-size: value;
font-weight: value;
color: value;
text-decoration: value;
text-align: value;
text-transform: value;
text-indent: value;
letter-spacing: value;
word-spacing: value; }

input, textarea
{background-color: value;
background-image: url(your_image.jpg);

font-family: value;
font-size: value;
font-weight: value;
color: value;
text-decoration: value;
text-align: value;
text-transform: value;
text-indent: value;
letter-spacing: value;
word-spacing: value;

border-left: value value value;
border-right: value value value;
border-top: value value value;
border-bottom: value value value;

padding-left: value;
padding-right: value;
padding-top: value;
padding-bottom: value;

margin-left: value;
margin-right: value;
margin-top: value;
margin-bottom: value; }

table
{background-color: value;

font-family: value;
font-size: value;
font-weight: value;
color: value;
text-decoration: value;
text-align: value;
text-transform: value;
text-indent: value;
letter-spacing: value;
word-spacing: value;

border-left: value value value;
border-right: value value value;
border-top: value value value;
border-bottom: value value value;

padding-left: value;
padding-right: value;
padding-top: value;
padding-bottom: value;

margin-left: value;
margin-right: value;
margin-top: value;
margin-bottom: value; }

</style>


back to top



HTML Tutorials    CSS    Sample Template