Që nga shpikja e gjuhës së shënjimit të hipertekstit, HTML, konceptet e paraqitjes dhe paraqitjes së dokumenteve në internet kanë ndryshuar në mënyrë dramatike. Me mbështetjen pothuajse të plotë të shfletuesve të njohur për standardet e fletëve të stilit kaskadë CSS dhe CSS2, është bërë e mundur të ndikoni pothuajse në çdo aspekt të paraqitjes vizuale të një dokumenti. Për shembull, ju mund ta bëni sfondin e një lidhje me ngjyrë, të mbushur me një imazh, dhe gjithashtu të ndryshojë në varësi të veprimeve të përdoruesit.
E nevojshme
- - aftësia për të redaktuar tekstin e dokumentit ose tekstin e fletëve të stilit të dokumentit;
- - një redaktues teksti që ju lejon të ruani dokumentin në kodimin origjinal.
Udhëzimet
Hapi 1
Bëni sfondin e lidhjes të mbushur në mënyrë uniforme me një ngjyrë të rastësishme duke shtuar informacione të stilit të brendshëm në elementin A. Shtoni stil në atributet e elementit A që korrespondon me lidhjen sfondin e së cilës dëshironi të ndryshoni. Në përmbajtjen e atributit të stilit, vendosni pronën CSS me ngjyrë të sfondit me vlerën e dhënë, e cila është identifikuesi i saktë për ngjyrën e sfondit. Për shembull, mund të duket kështu:
teksti i lidhjes
Hapi 2
Përcaktoni sfondin e lidhjes në një fletë stili të jashtme ose të ngulitur në dokumentin tuaj. Në fletën e duhur të stilit, shtoni një sërë rregullash të adresuara nga një përzgjedhës i një niveli specifik të pranueshëm. Në rregulloren, futni karakteristikën e ngjyrës së sfondit në të njëjtën mënyrë si në hapin e mëparshëm. Zgjidhni specifikën e përzgjedhësit bazuar në rregullat cascading CSS2 dhe fushën e dëshiruar. Pra, nëse duhet të vendosni ngjyrën e vetëm një lidhjeje, ka kuptim të përdorni një zgjedhës ID, nëse ka disa lidhje të tilla, është më mirë të përdorni një zgjedhës të atributeve bazuar në vlerën e klasës.
Për shembull, për të vendosur një sfond të gjelbër për një lidhje specifike në një dokument, mund të shtoni një sërë rregullash në fletën e stilit:
Një # ID_GREEN
{
ngjyra e sfondit: # 00FF00;
}
Ju gjithashtu duhet të vendosni atributin ID të elementit A që korrespondon me lidhjen e dëshiruar në ID_GREEN:
teksti i lidhjes
Hapi 3
Plotësoni sfondin e lidhjes me një imazh. Ndiqni metodat e përshkruara në hapat një dhe dy, por në vend të vetisë CSS me ngjyrë sfond, përdorni imazhin e sfondit. Për shembull:
teksti i lidhjes
Nëse është e nevojshme, shtoni një veti të përsëritjes së sfondit në rregullat CSS të vendosura për të përcaktuar opsionet për kopjimin e imazhit të sfondit horizontalisht dhe vertikalisht.
Hapi 4
Bëni ndryshimin e sfondit të lidhjes kur lëvizni sipër saj ose kur lëviz fokusi. Shtoni grupe rregullash në një fletë stili të dokumentit të jashtëm ose të ngulitur që përcaktojnë sfondin e një lidhjeje ose grupi lidhjeje në gjendje të ndryshme. Përdorni zgjedhësit e ID dhe atributeve së bashku me pseudo-klasat dinamike: rri pezull,: aktiv dhe: fokus. Për shembull, në mënyrë që sfondi i një lidhje me një vlerë të atributit ID të ID_DYNAMIC_BACKGROUND të jetë e kuqe në gjendje joaktive dhe jeshile në gjendjen e nën kursorin e miut, rregullat e mëposhtme duhet të shtohen në fletën e stilit:
Një # ID_DYNAMIC_BACKGROUND
{
ngjyra e sfondit: # FF0000;
}
# ID_DYNAMIC_BACKGROUND: rri pezull
{
ngjyra e sfondit: # 00FF00;
}
Ju mund të bëni të njëjtën gjë për të krijuar një sfond me një imazh që ndryshon në mënyrë dinamike.
