HTML-szerkesztés kezdőknek!!!
-
#8307
3 megoldás van:
1. Beágyazott stíluslap - a <head> és a </head> elemek közé be kell rakni a CSS-kódot <style> és </style> tagek közé ágyazva:
<head>
<style type="text/css">
p {
color: blue;
}
</style>
</head>
2. Külső stíluslap - ekkor nyitsz egy új állományt stilus.css néven, beleírod a stílusdefiníciókat - például:
p {
color: blue;
}
majd a HTML forráskódban a <head> és </head> tagek között a <link> taggel beágyazod a külső stíluslapot:
<link rel="stylesheet" type="text/css" href="stilus.css" />
3. Elemhez rendelt stíluslap - itt egy adott taghez tudsz rendelni stílusdefiníciót:
<p style="color: blue;">Ez itt egy bekezdés</p>
A 2. megoldást érdemes leginkább használni, ugyanis egy stíluslapot több lapon is fel tudsz használni, így sok munkától tudsz megszabadulni, illetve a látogató szempontjából sok sávszélességet tudsz megtakarítani (elég csak egyszer letölteni a stíluslapot, a következő lapon már a böngésző gyorsítótárából hívod elő).
Mellesleg tessék olvasgatni: