Fortæl mig lige sammenhæng H1-H2 o.s.v. og .class

h1 {
    margin: 10px 0 4px 0;
    font: normal bold small verdana,arial,helvetica, sans-serif;
    color: maroon;
}
/*
Gælder for alle elementer der bruger klassen seaside.
*/
.seaside {
  color: navy;
}
/*
Du kan også lave en klasse der kun gælder for et bestemt element.
Gælder kun for p-elementer med klassen silver.
*/
p.silver {
  color: silver;
}

Den vil gælde for alle h1-elementerne:

<h1>Bruger ovenstående CSS</h1>

<h1>Bruger stadig ovenstående CSS</h1>

Ved hjælp af klasser kan du ændre dette, f.eks. ved at skrive:

<h1 class="seaside">Bruger stadig ovenstående CSS, men er blevet blå</h1>

<p class="silver">Klassen silver virker kun på p-elementer.</p>

Læs mere:
http://html.dk/tutorials/css/lektion7.asp

Håebr det hjalp bare en smule.

Hvis det var de samme CSS-koder, du havde brugt begge steder så ja.

Hvis skrifttypestørrelsen ikke er angivet med CSS-koder, så benyttes de forholdsmæssige størrelseforskel på de enkelte overskrifter i forhold til teksten, som browseren er sat op til.

Idéen med at bruge CSS, er at adskille udseende fra indhold, så indholdet kan fortolkes, uden man kan vide, hvordan det fremstilles. Derfor er det vigtigt, at der til overskrifter benyttes h1, h2, h3 og så videre - og ikke bare et almindeligt stykke tekst, hvor udseendet blot er ændret. Husk at blinde også skal kunne læse det.

I øvrigt et svar

Tak for svar, har læst dit link (schaefner),har dog også en bog på godt 400 sider om Webdesign, men det kniber ofte lidt med at omsætte det til brugbart, når ikke lige den mulighed er beskrevet som man tænker sig at udføre.
Jeg sætter lige lidt flere point for også at lære lidt om tydning af validering da det er svært som nybegynder, at forstå og omsætte.
Måske er ved at være for gammel, men jeg giver nu ikke op endnu.

Ved validering af mit CSS:
body{
    font: 16px Verdana, Arial, Helvetica, sans-serif;
    background-image: url(../traeet-tonebred.jpg);
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position: center;
}
er >background-position: center; rettet til >background-position : 50% 50%;

H2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:small;
    font-style: normal;
    font-weight: bold;
    color: Maroon;
    margin-top:10;
    margin-bottom:4;
}
.........................
får jeg følgende:
# Line: 46 Context : H2
Invalid number : margin-toponly 0 can be a length. You must put an unit after your number : 10
# Line: 47 Context : H2
Invalid number : margin-bottomonly 0 can be a length. You must put an unit after your number : 4

men hvad vil det sige at - You must put an unit after your number : 10 og 4
.................
Valideringen har fjernet > margin-top:10;
                      margin-bottom:4;
-------------------
næste fejl :

.top
{
    color: Black;
    font-face:Arial;
    font-weight: bold;
    font-size: 36px;
    padding: 10px 20px 10px 20px;
}
...................
får jeg følgende:
Line: 90 Context : .top
Property font-face doesn't exist : Arial
og >font-face:Arial; er fjernet
---------------------------
så er der fejl i alle mine link, f.eks

a:link {
    font: bold 13px arial;
    color: #83032A;
    text-decoration: none;
}
...............
får jeg følgende:
Line : 12 font-family: You are encouraged to offer a generic family as a last alternative

men der er ikke ændret noget
---------------
Det var en ordentlig omgang, phuuuHaaa

You must put an unit after your number : 10 og 4

betyder at du skal angive, hvilken enhed 10 og 4 er, fx px, pt, em eller lignende

-----------------------------
margin-top:10px;
margin-bottom:4px;
-----------------------------


Line : 12 font-family: You are encouraged to offer a generic family as a last alternative

betyder at du bør angive en "generisk familie" - lidt upræcist, men kort fortalt betyder det, at du, ud over et font-navn, også skal angive hvilken type (familie) fonten tilhører, fx serif eller sans-serif

men der er ikke ændret noget


-----------------------------
font: bold 13px arial, sans-serif;
-----------------------------

Glemte lige at slette "men der er ikke ændret noget"... ;-)

mangler et svar fra fra exp

c",)