Pärast hüpertekstide märgistuskeele HTML leiutamist on veebidokumentide paigutuse ja küljenduse mõisted dramaatiliselt muutunud. Populaarsete brauserite CSS ja CSS2 kaskaadstiililehe standardite peaaegu täieliku toetuse abil on saanud võimalikuks mõjutada peaaegu kõiki dokumendi visuaalse esitluse aspekte. Näiteks saate muuta lingi tausta värviliseks, täidetud mõne pildiga ja muutuda ka vastavalt kasutaja toimingutele.
Vajalik
- - võime redigeerida dokumendi teksti või dokumendi stiililehtede teksti;
- - tekstiredaktor, mis võimaldab teil dokumendi originaalkodeeringusse salvestada.
Juhised
Samm 1
Muutke lingi taust ühtlaselt juhusliku värviga, lisades elemendile A sisemise stiiliteabe. Lisage stiil elemendi A atribuutidele, mis vastavad lingile, mille tausta soovite muuta. Atribuudi stiili sisus asetage etteantud väärtusega CS-atribuut CSS, mis on taustavärvi õige identifikaator. Näiteks võib see välja näha järgmine:
lingi tekst
2. samm
Määrake lingi taust dokumendis välises või manustatud stiililehes. Lisage sobivale stiililehele reeglite kogum, millega tegeleb valija vastuvõetava spetsiifilisusega. Sisestage reeglistikusse taustavärvi omadus samamoodi nagu eelmises etapis. Valige valija spetsiifika CSS2 kaskaadireeglite ja soovitud ulatuse põhjal. Seega, kui peate määrama ainult ühe lingi värvi, on mõistlik kasutada ID-valijat, kui selliseid linke on mitu, on parem kasutada klassi väärtuse põhjal atribuutide valijat.
Näiteks dokumendis konkreetse lingi jaoks rohelise tausta määramiseks saate stiililehele lisada reeglite kogumi:
# ID_GREEN
{
taustavärv: # 00FF00;
}
Samuti peaksite määrama elemendi A atribuudi, mis vastab soovitud lingile ID_GREEN:
lingi tekst
3. samm
Täitke lingi taust pildiga. Järgige esimeses ja teises etapis kirjeldatud meetodeid, kuid taustavärvi CSS-i atribuudi asemel kasutage taustpilti. Näiteks:
lingi tekst
Vajadusel lisage CSS-reeglitele seatud taust-kordus-omadus, et määratleda võimalused taustpildi horisontaalselt ja vertikaalselt kopeerimiseks.
4. samm
Pange lingi taust muutuma, kui hõljutate selle kohal või kui fookus liigub. Lisage välisele või manustatud dokumendi stiililehele reeglistikud, mis määratlevad lingi või lingirühma tausta erinevates olekutes. Kasutage ID ja atribuutide valijaid koos dünaamiliste pseudoklassidega: hõljutamine,: aktiivne ja: fookus. Näiteks selleks, et lingi ID-atribuudiväärtusega ID_DYNAMIC_BACKGROUND taust oleks passiivses olekus punane ja hiirekursori all olles roheline, tuleb stiililehele lisada järgmised reeglistikud:
# ID_DYNAMIC_BACKGROUND
{
taustavärv: # FF0000;
}
A # ID_DYNAMIC_BACKGROUND: hõljutage kursorit
{
taustavärv: # 00FF00;
}
Sama saate teha dünaamiliselt muutuva pildiga tausta loomiseks.
