Išradus hiperteksto žymėjimo kalbą HTML, žiniatinklio dokumentų išdėstymo ir išdėstymo koncepcijos labai pasikeitė. Beveik visiškai palaikant populiarias naršykles CSS ir CSS2 kaskadinio stiliaus lapų standartams, tapo įmanoma paveikti beveik bet kurį vizualaus dokumento pateikimo aspektą. Pavyzdžiui, nuorodos foną galite padaryti spalvotą, užpildytą tam tikru vaizdu ir taip pat keisti priklausomai nuo vartotojo veiksmų.
Būtinas
- - galimybė redaguoti dokumento tekstą arba dokumento stiliaus lapų tekstą;
- - teksto rengyklė, leidžianti išsaugoti dokumentą originalo koduote.
Nurodymai
1 žingsnis
Nuorodos foną padarykite tolygiai atsitiktine spalva, pridėdami įterptą stiliaus informaciją prie elemento A. Pridėkite stilių prie elemento A atributų, atitinkančių nuorodą, kurios foną norite pakeisti. Į stiliaus atributo turinį įdėkite fono spalvos CSS ypatybę su nurodyta verte, kuri yra teisingas fono spalvos identifikatorius. Pavyzdžiui, tai gali atrodyti taip:
nuorodos tekstas
2 žingsnis
Nuorodos foną apibrėžkite dokumento išoriniame arba įterptame stiliaus lape. Atitinkamame stiliaus lape pridėkite taisyklių rinkinį, kurį nagrinėja priimtino specifiškumo selektorius. Taisyklių rinkinyje įveskite fono spalvos ypatybę taip pat, kaip ir ankstesniame žingsnyje. Pasirinkite selektoriaus specifiškumą pagal CSS2 pakopų taisykles ir norimą sritį. Taigi, jei reikia nustatyti tik vienos nuorodos spalvą, prasminga naudoti ID parinkiklį, jei tokių nuorodų yra kelios, geriau naudoti atributų parinkiklį pagal klasės vertę.
Pvz., Norėdami nustatyti žalią konkrečios dokumento nuorodos foną, galite pridėti taisyklių rinkinį prie stiliaus lapo:
# ID_GREEN
{
fono spalva: # 00FF00;
}
Taip pat turėtumėte nustatyti A elemento ID atributą, atitinkantį norimą nuorodą į ID_GREEN:
nuorodos tekstas
3 žingsnis
Užpildykite nuorodos foną vaizdu. Laikykitės pirmame ir antrajame žingsnyje aprašytų metodų, tačiau vietoj ypatybės fono spalvos CSS naudokite fono paveikslėlį. Pavyzdžiui:
nuorodos tekstas
Jei reikia, pridėkite fono pakartojimo ypatybę prie CSS taisyklių, nustatančių foninio vaizdo kopijavimo horizontaliai ir vertikaliai parinktis.
4 žingsnis
Pakeiskite nuorodos foną, kai užvedate pelės žymeklį virš jo arba kai juda židinys. Prie išorinio arba įdėto dokumento stiliaus lapo pridėkite taisyklių rinkinių, apibrėžiančių nuorodos ar nuorodų grupės foną skirtingose būsenose. Naudokite ID ir atributų parinkiklius kartu su dinaminėmis pseudo klasėmis: „hover“, „active“ir „focus“. Pavyzdžiui, norint, kad nuorodos, kurios ID atributo reikšmė yra ID_DYNAMIC_BACKGROUND, fonas neaktyvioje būsenoje būtų raudonas, o po pelės žymekliu - žalias, prie stiliaus lapo reikia pridėti šiuos taisyklių rinkinius:
# ID_DYNAMIC_BACKGROUND
{
fono spalva: # FF0000;
}
# ID_DYNAMIC_BACKGROUND: užveskite pelės žymeklį
{
fono spalva: # 00FF00;
}
Tą patį galite padaryti norėdami sukurti foną su dinamiškai besikeičiančiu vaizdu.
