CSS and Tags

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

NEWS - 23 Dec 2005 20:25 GMT

if I want to change a tag with CSS with a file rather than having all the
CSS code on the HTML doc I know I can do the following

<SNIPPET>
body.Wyght
{
background-color: #D9D9FF;
border: 50px;
border-color: #A000B2;
font-family: cursive;
link color: red; /* unvisited links */
visited color: blue ; /* visited links */
hover color: yellow; /* user hovers */
active color: lime; /* active links */
focus background: yellow;
}
div.fBr
{
background-color: transparent;
float: right;
font-size: 125%;
font-family: fantasy;
color: #3300B2;
}
div.sGr
{
background-color: transparent;
float: right;
font-size: 125%;
font-family: serif;
color: #005B38;
}
div.cYr
{
background-color: transparent;
float: right;
font-size: 125%;
font-family: cursive;
color: #D4D400;
}
</SNIPPET>

Then I can use

<link href="../CSS/testStyle.css" rel="stylesheet" type="text/css">

if testStyle.css is the file

How do I use this in the HTML file?

Reply to this Message

Els - 23 Dec 2005 21:10 GMT

> if I want to change a tag with CSS with a file rather than having all the
> CSS code on the HTML doc I know I can do the following
[quoted text clipped - 9 lines]
>
> How do I use this in the HTML file?

Put the styles in a styleblock in the <head> of the HTML file, like
so:

<style type="text/css">
body{
background:red;
color:green;
}
</style>

Signature

Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Reply to this Message

NEWS - 23 Dec 2005 22:05 GMT

>> if I want to change a tag with CSS with a file rather than having all the
>> CSS code on the HTML doc I know I can do the following
[quoted text clipped - 19 lines]
> }
> </style>

Reply to this Message

Johannes Koch - 23 Dec 2005 21:26 GMT

> body.Wyght
> {

[...]

> link color: red; /* unvisited links */
> visited color: blue ; /* visited links */
> hover color: yellow; /* user hovers */
> active color: lime; /* active links */
> focus background: yellow;
> }

No, that's syntacically incorrect. Write

body.Wyght a:link {
color: red; /* unvisited links */
}
body.Wyght a:visited {
color: blue; /* visited links */
}
body.Wyght a:hover {
color: yellow; /* user hovers */
}
body.Wyght a:active {
color: lime; /* active links */
}
body.Wyght a:focus {
background: yellow;
}

instead.

Signature

Johannes Koch
Spem in alium nunquam habui praeter in te, Deus Israel.
(Thomas Tallis, 40-part motet)

Reply to this Message

NEWS - 23 Dec 2005 22:05 GMT

>> body.Wyght
>> {
[quoted text clipped - 25 lines]
>
> instead.

Reply to this Message

NEWS - 23 Dec 2005 22:04 GMT

> if I want to change a tag with CSS with a file rather than having all the
> CSS code on the HTML doc I know I can do the following
[quoted text clipped - 45 lines]
>
> How do I use this in the HTML file?

In the HTML file use

<div class="fBr">
These are tests
</div>

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / December 2005

CSS and Tags