[Tutorial HTML]Pseudoclase

#1
Nume Tutorial:Pseudoclasele
Descriere:Pseudoclase
Download:Nu necesita
Autor:Anonim
Sursa (Link-ul oficial):
html-tutor
Propria parere:Util.
Tutorialul:
Pseudoclasele se utilizeaza pentru personalizarea legaturilor. Ele se definesc in blocul <style>...</style> sau intr-un fisier extern, conform sintaxei:

Cod: Selectaţi tot

    a: link {color: black; font-size: 20pt}
    a: activate {color: blue; font-style: italic}
    a: visited {color: cyan; text-decoration: none} 
Pentru ca numai anumite legaturi sa utilizeze un stil se pot folosi urmatoarele doua metode:

Cod: Selectaţi tot

    a: link.CLASA1 {...} combinat cu <a class = CLASA1 href=" "> ...</a>
    a: link#ID1 {...} combinat cu <a id = ID1 href=" "> ...</a> 
Atentie!!! acest exemplu lucreaza doar cu browsere Internet Explorer 4.x sau mai mare!

In browsere cursorul mouse-ului are in general o forma simpla, luaind pe parcursul vizionarii paginii respective maximum doua infatisari diferite:

Mana - atunci cand este pozitinat pe o legatura
Bara verticala - atunci cand este pozitionat pe alt obiect decat o legatura.

Acestea insa sunt formele implicite. Desigur exista cazuri in care am dori ca browser-ul sa aiba o alta forma decat una dintre acestea. La fel ca multe alte probleme care privesc modul in care o pagina arata si aceasta isi gaseste rezolvarea in folosirea CSS, ca limbaj de descriere a formei unui document.
Proprietatea care gestioneaza forma cursorului se numeste simplu: cursor si poate fi introdusa in orice element style al unui tag html.
De exemplu pentru obtinerea unei imagini a cursorului de tipul unei sageti orientata Est-Vest la trecerea mouse-ului peste un link iata codul ce va trebui folosit:

Cod: Selectaţi tot

    < a href=" fisier.html" style=" cursor :e-resize" " Legatura< /a> 
Iata deci cum va arata (doar pentru IE 4.x sau mai mare):
Legatura
Nu este, insa singurul exemplu, in continuare aveti toate codurile pentru formele de cursor pe care le puteti folosi:

Cod: Selectaţi tot

auto	utilizeaza setarile implicite ale utilizatorului
crosshair	creeaza o cruce
default	setarile implicite ale browserului
e-resize	sageata Est-Vest
hand	mana
help	semnul intrebarii
move	cruce cu sageti la capete
n-resize	sageata sud-nord
ne-resize	sageata SudVest - NordEst
nw-resize	sageata SudEst - NordVest
pointer	mana
s-resize	sageata Nord - Sud
se-resize	sageata NordVest - SudEst
sw-resize	sageata NordEst - SudVest
text	bara verticala din campurile de introducere a datelor
w-resize	sageata Est-Vest
wait	clepsidra
N-am cerut la nimeni niciodata,
Chiar de-a fost sa rabd, in viata mea.
Am dat totul fara nici o plata,
Nevoind nimic sa mi se dea.

@Virgil Carianopol
Vezi-ti de treaba si retine:
"E treaba ta sa spui ce vrei si sa nu conteze pentru nimeni".

@Kazi Ploae

Înapoi la “Tutoriale HTML”

Cine este conectat

Utilizatori răsfoind acest forum: Niciun utilizator înregistrat și 3 vizitatori