Hvordan sætter jeg base font-size?

body, p, td { font-size: 0.8em; }

Det holder ikke helt, fordi hvis jeg har en p i en td bliver fonten mindre.

<ole>

Ja, den duer ikke, når man bruger en relativ enhed. Dette duer til gengæld:
    body, p, td { font-size: 12px };

- men du kan også bruge:
    * { font-size: 12px };

- det kommer anpå, hvad du vil opnå  :)

/mvh
</bole>

Do'h.. havde ikke lgie set det var em !-)

- og forklaringen er selvfølgelig, at når p-elementet nestes i et td-element, gøres det mindre to gange (p.gr.a. nestningen og den relative størrelses-enhed).
Allerede td-elementet lider af denne skavank, da det jo er nestet i body-elementet, der allerede har fået gjort sin skrift mindre ... trip, trap, træsko  ;o)

Ideen er at følge w3.org's tip om at bruge font-size bedst muligt

Font-size på elementerne sættes med keywords. F.eks sætter jeg p{font-size: medium} #copyright{font-size: small} osv.

Ved at sætte base font-size til f.eks 0.8em vil jeg så kunne ændre alle størrelser i det rigtige forhold.

Håber det gav mening :)

Ja, men spørgsmålet er, om det er den bedste udnyttelse af CSS. Det resulterer i hvert fald i en mother af en CSS-fil  :)

Forstår så ikke at w3.org forslår det som den bedste løsning, eller har jeg helt misforstået tippet fra dem?

Der findes nok ikke ret mange tekster, der bliver udsat for så mange fejltolkninger, som W3C's rekomandationer - så det er slet ikke usandsynligt  :)

Hvad er det mere præcist for en tekst, du tænker på?

I følge w3.org (http://www.w3.org/QA/Tips/font-size)

Use relative length units such as percent or (better) em, or, even better, set a base font-size for the document and use absolute size ([ xx-small | x-small | small | medium | large | x-large | xx-large ]) or relative size ([ larger | smaller ]) when defining the font size for a particular element within the document.

Yups ... som der står (med min fremhævelse):
    "when defining the font size for a _particular_ element within the document"

- men det er vist ikke, hvad vi taler om her  :)

Skriver du f.eks:
    body {font-size: 0.8em};

- sætter du størrelsen i relation til ...... ehhhhhh .... ja, til hvad?
Til den størrelse, lige netop dén browser vælger at vise teksten i pr. default.

Når man så ovenikøbet skriver
    body, td, p {font-size: 0.8em};

- sættes hvert af disse elementer til en relativ størrelse, men p.gr.a. CSS' arveregler, bliver skriften jo så mindre og mindre efterhånden, som de nestes i hinanden  ;o)

ole jeg forstår ikke helt hvad du mener...

a particular element, må betyde et bestemt element, f.eks. et afsnit på siden (<p>...</p>), hvis jeg sæter p{font-size: medium} bliver teksten rendered til en størrelse som browseren bestemmer, da jeg synes den størrelse er lidt for stor, ville det være smart hvis jeg kunne sætte body{font-size: 0.8em}, hvorved størrelse blev rendered mindre.

Det er muligvis fordi browseren ikke fortolker css rigtigt, sætter man f.eks. font-family i body, nedarves dette til stort set alle underliggende elementer.

???

particular element betyder ganske rigtig et bestemt element, ikke alle elementer af en bestemt type !-)

det ændre vel ikke på noget om det er et enkelt element eller flere af samme type???

W3Cs anbefaling går på, hvad du skal gøre overfor enkeltstående elementer, ikke typer !-)

hmm, det kan jeg ikke rigtigt se meningen med...

Hvis jeg angiver p{font-size: 0.8em} og laver et bestemt element:
<p id="p1" style="font-size: medium;">...</p>
så kan jeg ændre p font.size'en lige så meget jeg vil men den ændre ikke min p1.

Hvordan sætter man "base font-size for the document"???

p{font-size: 0.8em} giver teksten i p-elementet en størrelse på 80% af skrift-størrelsen i det omkransende element.

Indlejrer du nu et andet element, der har ELEMENT{font-size:0.7em}, i dette - resulterer det i en font-størrelse, der er 70% af 80% af størrelsen i det føromtalte omkransende element ... osv.

Derfor skal man passe meget på med at give element-typer relative font-størrelser - men kun gøre det med enkelte elementer  ;o)

ja den er jeg helt med på.

Men jeg har stadig ikke fundet ud af/forstået hvordan man sætter "base font-size for the document"

* {font-size: EN_VÆRDI};

- men det er heller ikke uden problemer, da du så skal ind og sætte størrelse på alle elementer, der ikke skal have den skrift-størrelse

ja men det overskrives jo så snart jeg sætter font-size på det bestemte element. Og problemet med 80% af 80% opstår.

Det kunne være fedt at se et praktisk eksempel på hvordan man sætter font-size efter w3.org's qa-tip.

Ja, naturligvis overskrives det, når du sætter en font-size på et enkelt element ... ganske som det skal. Det er vel egentlig derfor, man sætter font-size på et enkelt element ...?  ;o)

Eksempel:
* {font-size: medium};
input {font-size: 0.8em};
.gnu {font-size: 1.2em};

Eksemplet passer ikke til det som der står i tippet fra w3.

Der står at man angiver en base font-size og de enkelte elementer størrelse angives med keywords, som small, medium osv.

Men lads os bare stoppe diskusionen her, jeg tror ikke vi kommer videre.

Smid et svar ole, så får du point for din hjælpsomhed. Tak for hjælpen :)

sidste change for point

Jeg er sikker på, du må have misforstået, hvad W3C skriver, men en trøst kan måske være, at du langtfra er den eneste. Det er der rigtig mange, der gør - og ikke kun på dette område  ;o)