WHAT DOES THE CSS CODES DO?
CSS TAG CODES.
The document face page will default to the CSS document.
The CSS will control the HTML tags inside the face page.
The HTML tags in the face page must have a start and end tag.
Then we can change the CSS instead of perhaps hundreds of HTML tags.
Body tags
<body text="purple" vlink="red" alink="red" bgcolor="lightyellow">
</body>
Table
Table must have an open and close tag.
<table border="2" cellspacing="3" cellpadding="3" bgcolor="lightblue"
width="80%">
</table>
The document will default to CSS, CSS will control all the table cell.
TABLE#sidebar
TABLE#sidenav
<TABLE id=sidebar height=56> <TABLE id=sidenav>
links go here in between tags </table>
TABLE#subbar
TABLE#topbar
Topbar is not used in this document. However if its used, it may
be in a table cell, so it will need the start and stop tags.
TD class=link controls the color width and height and text inside
the TD and /TD tags. Used to control colors inside the sidebar, or topbar.
Or anyplace TD class=link is installed.
Set up the CSS as shown in the link above,(click on the link above).
then set up the tags below in the face page of our document.
<TABLE id=sidebar height=56> <TABLE id=sidenav>
<tr><TD class=link3><A href="my homepage.htm#"(top)"
>MY HOMEPAGE</a></tr></td></table>
We have <tr><TD class=link3> set up in the side bar to
go to bottom of page. it is also used at the bottom to return to top.
Here is the code install it in your side bar.
The TD TR tag may give problems, if installed in another place.
<tr><td><TD class=link3><A href="LEARNING CSS.htm#(bottom)">
Go to the bottom</a>
We need this tag at the bottom.
<A NAME="(bottom)"></a>
If we reverse the tags, just reverse (bottom)(top)
:link { color: rgb(0, 0, 153) } /* for unvisited links */
:visited { color: rgb(153, 0, 153) } /* for visited links */
:hover { color: rgb(0, 96, 255) } /* when mouse is over link */
:active { color: rgb(255, 0, 102) } /* when link is clicked */
The above CSS will cause your links to change color when some one
hovers their mouse pointer over it, instant rollovers with no images!
One important note with the above code is that it is important that
the style declarations be in the right order: "link-visited-hover-active",
otherwise it may break it in some browsers.
thanks to Stefan Mischook for the update on this tag.
Here is the code, place it inline(in document), between
HEAD AND /HEAD
<style type="text/css">
<!--
.newstyle {
font-family: Comic Sans MS;
font-weight: bold;
}
-->
</style>
Now add this tag to the text.
<H5 class="newstyle5">Text goes here</H5>
Now we need to add these codes inside the CSS document.
.newstyle
.newstyle1
.newstyle2
.newstyle3
.newstyle4
.newstyle5
.newstyle6
the newstyle tags code, boost the H tags and gives us more
detail, such as colors, bold, italic, center.
<P> </P> Paragraph tags.
p is set for blue, gives us one more color.
We need to set it up in the CSS document, as shown.
<P> text here </P> tag sets fonts size and colors.
We can also; center, left, right our text.
Change it in the CSS as needed.
we can use it to make another text font color in our document.
We can use it in the whole document if we want just one text color.
Just use it on the start and end of each paragraph.
<P> text here </P>
|