După cum vă amintiți din lecțiile de pe link-urile HTML sunt împărțite în:
Prescrierea aceste atribute în tag-ul, am determinat apariția link-urile de pe pagina web. referințe de culoare întrebat valoare hexazecimală sau nume de culoare.
În CSS parametrii de link-uri este determinată de o pseudo-defini aspectul etichetei. care este prevăzută în foaia de stil. Acest lucru se face după cum urmează:
a: link
a: a vizitat
a: focus
a: hover
a: active - atunci când este activat link-uri (în timp de presă).
După cum puteți vedea, Pseudo-cinci (ale căror nume sunt separate de două puncte) sunt definite pentru elementul. Culoarea linkului este setat din nou, bazat pe gusturile web-master sau designul general al site-ului (de exemplu, orice culoare pe care doriți) indicând numele culorii sau o valoare hexazecimală.
Notă: Pseudo-clasa a: focus scoate în evidență poziția filei pentru utilizatorii care folosesc tastatura pentru a naviga. Această pseudo-clasă nu este suportat de toate browserele, astfel încât este aproape niciodată folosit.
Important. Toate aceste pseudo Cufundat aceeași greutate (ordinea browser-ului), astfel încât ordinea în care acestea sunt plasate în fișierul CSS, este de mare importanță. Pseudo-clasa, care apare în fișierul CSS mai târziu înlocuiește caracterul anterior. Ordinea corectă este ca mai sus!
In HTML, toate link-urile au fost subliniere obligatorii de mai jos. În CSS, a existat o oportunitate interesantă de a adăuga la referință pseudo-clasa de proprietate de text-decoration cu valori diferite, influențează accentul pe link-uri. Această proprietate poate lua următoarele valori:
text-decoration: none; - dezactivează poddcherkivanie;
text-decoration: overline; - subliniind în partea de sus;
Dovavlyaya text-decor proprietate la pseudo-referință, puteți crea noi clase cu efecte foarte interesante.
Precum și pentru text simplu, putem cere referințe, și alte proprietăți: un anumit font, dimensiunea fontului, evidențiați bold un link.
Să luăm pagina noastră de testare pentru toate link-urile schimba fontul Arial, ingrosati. Valoarea 12px. Nu lăsați link-urile vizitate în albastru, cu un caracter de subliniere, a vizitat link-uri face negru, dar linkurile de la momentul în care plasați cursorul face culoarea roșie și superioară a subliniat.
Deschideți fișierul cu stilurile din style.css și adăugați următorul cod:
o <
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
>
a: hover <
Culoare: roșu;
text-decoration: overline;
>
Menținerea, actualizați fișierul index.html și căutați. Asta e ceea ce ne-am luat.
Permiteți accesul la această informație cu prietenii tăi!
lecții HTML
clase CSS
Articole
instrumente
Site-ul șabloane
cărți
ornamentare
Site-ul de la A la Z
Face bani online
Cheating pe Internet
protecția muncii
TIPAR MODULAR
PHP LECȚII
servicii
script-uri
SEO
jQuery
Condiții speciale de muncă (sud-est) - ARM
Sistemul de plăți pe Internet
Tutoriale Photoshop
secțiunea secretă
Cu noi face site-ul
Copilul poate chiar!
"Site-ul A la Z"
Află acum >>>
Vrei să câștigi?
2 Urovnevaja
Program de afiliere!
Alatura-te acum.
Modelul modular: catifea de lux roșu
Modular Abstractizarea model: energie solară
Modelul modular: trandafiri albastru
Modelul modular: Cascada
Modelul modular: Orchids
domeniul de înregistrare
"PK" LyuksStroy "
Dacă vă place
site-ul nostru, set
link-ul nostru. și
Ia-Cadouri.