Sākumlapa
"Pirmā web lapa"
HTML
Citi materiāli

Ceļošana - kalni


CSS

Sintakse
Sasaiste ar HTML
Kategorijas un ID
Šrifts
Teksts
Fons
Saraksta     noformējums
Saites

Vēl iesaku:

W3Schools
Krāsu palete

Pārlūku atbalsts CSS
 (1),   (2) 

Saites (hyperlink)

Droši vien jau būs ievērots, ka saitēm, kuras apzīmē ar tagu <a>, var būt dažādi stāvokļi. Pat diezgan ierasts, ka vēl neapmeklēta saite ir vienā krāsā (piemēram, zilā), bet pēc lietošanas citā krāsā (piemēram, violetā).

Kopumā saitēm var būt četri stāvokļi, pie tam svarīga ir to kārtība:

  1. "link" - saite vēl nav lietota;
  2. "visited" - saite, kas tikusi lietota, bet peles kursors uz tās pašlaik neatrodas;
  3. "hover" - saite, uz kuras patreiz uzbīdīts peles kursors;
  4. "active" - saite, uz kuras patreiz klikšķina.

Līdzīgi kā citiem HTML elementiem, arī šim, pie kam katram tā stāvoklim, var nodefinēt dažādas īpašības. Tomēr ir jāņem vērā dažas īpatnības:

Visbeidzot jāmin īpašība, kas jau iepriekš tika apskatīta - "text-decoration", ar kuras palīdzību saites varēja noformēt bez pasvītrojuma.

Tagad to visu aplūkosim darbībā!
CSS kods..

a:link {font-family: arial;
font-size: 12px;
color: red;
background-color: white;
text-decoration: none}

a:visited {font-family: arial;
font-size: 12px;
color: red;
background-color: white;
text-decoration: none}

a:hover {font-family: arial;
font-size: 13px;
color: blue;
background-color: silver;
text-decoration: underline}

..HTML kods..

<a href="smuka_bilde.jpg" target="_blank">Skatīt bildi!</a>

..rezultāts!




Autortiesības © 2005-2009, kasis.lv. Visas tiesības aizsargātas.