Nume Tutorial:Pseudoclasele
Descriere:Pseudoclase
Download:Nu necesita
Autor:Anonim
Sursa (Link-ul oficial):
Propria parere:Util.
Tutorialul:
Pseudoclasele se utilizeaza pentru personalizarea legaturilor. Ele se definesc in blocul <style>...</style> sau intr-un fisier extern, conform sintaxei:
Pentru ca numai anumite legaturi sa utilizeze un stil se pot folosi urmatoarele doua metode:
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:
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:
Descriere:Pseudoclase
Download:Nu necesita
Autor:Anonim
Sursa (Link-ul oficial):
Tutorialul:
Pseudoclasele se utilizeaza pentru personalizarea legaturilor. Ele se definesc in blocul <style>...</style> sau intr-un fisier extern, conform sintaxei:
Code:
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:
Code:
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:
Code:
< 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:
Code:
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