Linkek tulajdonságai

Álltalában egy css kód link beállitása három részből áll. A stíluslap maga a stílust leíró szabályok sora. Minden szabályhoz tartozik egy szelektor és egy deklarációs szakasz. Nekünk itt a szelektor a lényeg.

Mutatok egy példát:

Nos, akkor nézzük a magyarázatot.

A LINK TULAJDONSÁGAI

A:link || EZ ITT AZ ELSŐ SZELEKTOR. ITT A LINK SZINÉT TUDOD BEÁLLITANI ||
FONT-SIZE: 8pt; ||a link mérete ||
COLOR: #d5d5d5;  ||a link szine||
FONT-FAMILY: georgia;  || a link betűtipusa ||
TEXT-DECORATION: none; || a szöveg dekorációja. lehet:
dotted: pontozott
dashed: szaggatott
blink: villogó
underline: aláhúzott
none: sima
line-height: 13px; ||a linkek közti magasság ||
letter-spacing: px; ||szövegek közti távolság (alul, felül)||
text-transform:; || a link elhelyezkedése. lehet:
right: balra
center: középre
left: jobbra
BACKGROUND: #; || a link háttere, lehet kép is, csak akkor igy ird be:
background-url; ("kép url cimét ide")
font-weight: bold;} || link stilusa||

A:active { ||A MÁR MEGLÁTOGATOTT LINK||
FONT-SIZE: 8pt; ||a link mérete ||
COLOR: #d5d5d5;  ||a link szine||
FONT-FAMILY: georgia;  || a link betűtipusa ||
TEXT-DECORATION: none; || a szöveg dekorációja. lehet:
dotted: pontozott
dashed: szaggatott
blink: villogó
underline: aláhúzott
none: sima
line-height: 13px; ||a linkek közti magasság ||
letter-spacing: px; ||szövegek közti távolság (alul, felül)||
text-transform:; || a link elhelyezkedése. lehet:
right: balra
center: középre
left: jobbra
BACKGROUND: #; || a link háttere, lehet kép is, csak akkor igy ird be:
background-url; ("kép url cimét ide")
font-weight: bold;} || link stilusa||

A:visited { ||AKTIV LINK||
FONT-SIZE: 8pt; ||a link mérete ||
COLOR: #d5d5d5;  ||a link szine||
FONT-FAMILY: georgia;  || a link betűtipusa ||
TEXT-DECORATION: none; || a szöveg dekorációja. lehet:
dotted: pontozott
dashed: szaggatott
blink: villogó
underline: aláhúzott
none: sima
line-height: 13px; ||a linkek közti magasság ||
letter-spacing: px; ||szövegek közti távolság (alul, felül)||
text-transform:; || a link elhelyezkedése. lehet:
right: balra
center: középre
left: jobbra
BACKGROUND: #; || a link háttere, lehet kép is, csak akkor igy ird be:
background-url; ("kép url cimét ide")
font-weight: bold;} || link stilusa||

LINK TULAJDONSÁGAI HA RÁVISZED AZ EGERED

A:hover {   || LINK HA RÁVISZED AZ EGERED||
FONT-SIZE: 8pt; || A LINK MÉRETE||
COLOR:#f2e266; || A LINK SZINE||
FONT-FAMILY: georgia;  || A LINK BETŰTIPUSA||
line-height: 13px; ||A LINK SZÖVEGÉNEK MAGASSÁGA||
border-top: 0px dashed # ; ||    || alsó stilus. a px-nél adhatod meg a méretért. Pl.: 3px, dotted helyett irhatod ugyan úgy, hogy dashed, dotted, none stb. úgy mint a text-decorationnál. :)||
TEXT-TRANSFORM: ; || a szöveg elhelyezkedesé. ugyan úgy, pl.:
center: középr
right: jobbra
left: balra
BACKGROUND:#; || a link háttere||
letter-spacing: px; || a szövegek közti távolság ||
font-weight: bold; ||szöveg stilus. bold: vastag||
text-transform:;}   || Itt jönnek az ilyen különféle beállitások, hogy milyen is legyen a dőlt szöveg tehát ezek:
h1 {text-transform:uppercase;} || a szöveg simán kisbetűkkel van.||
h2 {text-transform:capitalize;}  || a szöveg mind nagybetűvel van||
p {text-transform:lowercase;}   || a szöveg sima. ||