Using CSS in Page

You can add a style to your page by adding it between the head tags, or as in line style.

We will deal with head first, if the style below was added to this page between the head tags,
then the background colour would be blue, text black, scroll bars to match page,

<Style>
body {
background : #1A55A3;
color : #FFFAFA;
font-family : "Times New Roman", Times, serif;
scrollbar-3dlight-color : #1A55A3;
scrollbar-arrow-color : #0066FF;
scrollbar-darkshadow-color : #1A55A3;
scrollbar-face-color : #1A55A3;
scrollbar-highlight-color : #0066FF;
scrollbar-shadow-color : #0066FF;
scrollbar-track-color : #1A55A3;
}
</Style>

this sort of thing is OK if you have a 5 page site, but imagine a 100+ pages and this on all pages,
OK, a smart thinking person would make a template and make all the original pages from that,
so the 100+ page site now looks great, and was easy to do.

Then a few months later sees a site that has nice colours and something similar would enhance the look of their site, now the fun begins, plowing through a 100+ pages altering all the styles, now our smart thinking person is wishing a linked style sheet had been used because all that had to be done was alter 1 CSS page and job done, 30 minutes, as opposed to ????? hours + gallons of coffee.

Another saving is weight, the CSS page running this site is 3kb thats not a lot on a big ship, but imagine if style was added to all 100+ pages, get ready to swing out the life boat.

---

<Style>
.inputr {
background-color : #0066FF;
border-color : #FFFAFA;
border-width : 1px;
color : #DCD4C2;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 12px;
font-weight : 500;
width : 100px;
</Style>

 

change this to this much nicer