Cascading Style Sheets questions

ford fiesta

If anyone has some model answers for these questions, no links please...I've tried loads!! :rolleyes:

How are Style rules created and applied?

How are Class rules created and applied?

Seth Brundle

www.w3.org/Style/CSS
www.w3schools.com/css/default.asp
www.htmlhelp.com/reference/css/structure.html

Civilian_Target

<div class="yerma">Text to format using yerma's template</div>

(but you can also use the ID variable to apply styles)

Then, in your stylesheet

.yerma {font: 18px arial,sans-serif;
color:#FF0000; font-weight:bold; text-align:justify;
text-decoration:underline;}

So - this example makes yerma be size 18 pixels, font arial, bright red, bold, justified and underline.

Something like this

Eoin

Civilian_Target wrote:

(but you can also use the ID variable to apply styles)

Exactly - to use the ID attribute, the stylesheet entry would be:

<div id="yerma">Text to format using yerma's template</div>

#yerma {font: 18px arial,sans-serif;
color:#FF0000; font-weight:bold; text-align:justify;
text-decoration:underline;}

Note that the hash identifies "yerma" as an element in the document, rather than a class in it's own right.

To use the style attribute:

<div style="font: 18px arial,sans-serif;color:#FF0000; font-weight:bold; text-align:justify;text-decoration:underline">Text to format using yerma's template</div>