Am ajuns la subiectul legăturilor! Și astăzi vom transforma culoarea link-ului! Ați observat deja că link-ul, chiar la începutul paginii, are o culoare. De ce această culoare și o astfel de opțiune de legătură? Ei bine, doar pe alte site-uri, culorile și opțiunile pentru decorarea legăturilor sunt diferite, dar aici, asta am vrut să fac!
Aici a apărut o anumită contradicție!
În terminologie și vizualizare!
Și nici măcar nu m-am gândit până nu am început să scriu despre asta! Când oamenii scriu "culoarea link-ului", înseamnă "culoarea textului link-ului"!
Dar veți fi de acord că sună și arată diferit! Și dacă te uiți la legătura și când excludem textul de legătură - va exista doar culoarea linkului!
Prin urmare, mi se pare că fundalul legăturii este mai corect, se mai numește și culoarea legăturii. Deși vă puteți gândi cum vă place!
Terminat cu introducerea, acum, în ceea ce privește legăturile! Pentru a face o legătură de culoare, puteți folosi două metode!
- Modificați culoarea linkului,
1.1. - Creați o pagină nouă, simplă, goală, inserați stiluri în ea, în care atribuim proprietatea - culoarea linkului.
1.2. - schimba culoarea de link-uri de pe această pagină, care este deja atașat css fișier Trebuie remarcat faptul că, dacă aveți nevoie pentru a face culoarea link-ul este diferit de toate link-urile principale de pe pagina (și care este deja stabilită de referință de culoare aici este.) - această opțiune ca doar lucrul potrivit!
Desigur, eu prefer cea de-a doua opțiune, dar pentru completitudinea imaginii vom începe cu prima!
Culoarea link-ului fără fișierul css.
Pentru a face culoarea link-ului în noul document, avem nevoie de:
- O pagină nouă, necompletată și simplă.
- Cod de referință.
- Stil, cu culoarea legăturii specificată în ea.
Codul de referință este obișnuit și nu există nici o culoare aici!
Codul de referință al culorii.
- sfârșitul legăturii
"Codul de referință color" este textul linkului.
Apoi, trebuie să creați, pe pagina însăși, un stil pentru etichetă
fundal-culoare: # F4F307; - culoarea legăturii noastre.
font-size: 17px; este dimensiunea textului linkului.
Codul stilului codului de culoare.
Acesta este modul în care codul paginii noastre cu culoarea atribuită linkului va arăta!
Codul de referință al culorii.
Ne uităm la această legătură de culoare în natură.
Să schimbăm culoarea linkului de pe această pagină.
Acum, treceți la a doua opțiune - schimbați culoarea linkului din această pagină. Un fișier css este atașat la această pagină, în care culoarea link-ului este deja înregistrată.
Pentru a întrerupe această culoare a legăturii, trebuie să vă înscrieți în legătură într-o nouă clasă sau id.
Noi numim această clasă - Primer-ismenenoy-ssilki
Și linia de sus cu un link, vom arăta astfel:
Codul de referință al culorii.
Pentru o explicație a tuturor elementelor, a se vedea 1.1.
Apoi, trebuie să prescrieți un stil pentru această referință de culoare!
Dacă în prima variantă am înregistrat proprietăți pentru o referință în acest fel,
Prin urmare, am atașat o nouă clasă la link. Acum trebuie să schimbăm stilul și să setăm proprietatea acestei clase în ea.
O altă notă pe care trebuie să o adăugați la ID-ul calassa, în care există un text local pe această pagină!
#rightPan - id, diva principală în care sunt scrise aceste linii.
Primer-ismenenoy-ssilki - o nouă clasă, care definește culoarea diferită de culoarea de link-uri de plop de pe acest site.
Vă lipiți codul și stilul de legătură în această pagină și obțineți acest lucru:
Mai trebuie remarcat faptul că, atunci când treceți mouse-ul peste un link, acesta va fi aplicată de proprietate a: hover - de bază, pentru toate link-urile de pe acest site. Pentru a modifica proprietățile unui: hover, pentru acest link, trebuie să vă înregistrați pentru clasa Primer-ismenenoy-ssilki - o: Hover de la sine! Vom scrie în curând și despre asta!
Linkuri de culoare prin css.
Am creat deja un fișier css. atașați-o la pagină și acum trebuie să prescrieți culoarea linkului din acest document.
Pentru a înregistra culoarea link-urile din fișierul css, cum ar fi pe această pagină, vom avea nevoie de codul, aici este aceasta:
o culoare de fundal: # D3F1EF;
font-size: 16px;
>
Și ar fi lucrat, dar textul este în DIVE, care are numele rightPan, prin urmare, ar trebui să fie adăugate la acest cod.
+ adăugați marginea din stânga și dreapta - padding: 0 10px 0;
+ adăugați culoarea textului de legătură - culoare: # 2F5958;
- chiar culoarea link-ului - fundal-culoare: # D3F1EF;
+ anula orice decor de text - text-decoration: none;
+ adăugați dimensiunea textului - font-size: 16px;
Codul de referință este color, prin intermediul fișierului css.
# dreaptaPan un padding: 0 10px 0;
culoare: # 2F5958;
fundal-culoare: # D3F1EF;
text-decoration: nici unul;
font-size: 16px;
>
Asta e tot! Acum pe toate paginile site-ului culoarea link-ului va fi exact asta!
Articole similare
Trimiteți-le prietenilor: