Siden oppfinnelsen av hypertext markup language, HTML, har begrepene layout og layout av webdokumenter endret seg dramatisk. Med nesten fullstendig støtte fra populære nettlesere for CSS og CSS2 cascading style sheet standarder, har det blitt mulig å påvirke nesten alle aspekter av den visuelle presentasjonen av et dokument. For eksempel kan du lage bakgrunnen til en lenke farget, fylt med noe bilde, og også endre seg avhengig av brukerens handlinger.
Nødvendig
- - muligheten til å redigere teksten i dokumentet eller teksten i dokumentformatene;
- - en teksteditor som lar deg lagre dokumentet i den originale kodingen.
Bruksanvisning
Trinn 1
Gjør bakgrunnen til lenken jevnt fylt med en tilfeldig farge ved å legge til innebygd stilinformasjon til A.-elementet. Legg stil til attributtene til A-elementet som tilsvarer koblingen hvis bakgrunn du vil endre. I innholdet av stilattributtet plasserer du CSS-egenskapen for bakgrunnsfarge med den gitte verdien, som er riktig identifikator for bakgrunnsfargen. For eksempel kan det se slik ut:
lenke tekst
Steg 2
Definer bakgrunnen til lenken i et eksternt eller innebygd stilark i dokumentet. I riktig stilark legger du til et sett med regler adressert av en velger med akseptabelt spesifisitetsnivå. I regelsettet angir du bakgrunnsfargeegenskapen på samme måte som i forrige trinn. Velg spesifisiteten til velgeren basert på CSS2-kaskadereglene og ønsket omfang. Så hvis du trenger å stille inn fargen på bare en lenke, er det fornuftig å bruke en ID-velger. Hvis det er flere slike lenker, er det bedre å bruke en attributtvelger basert på klasseverdien.
Hvis du for eksempel vil sette en grønn bakgrunn for en bestemt lenke i et dokument, kan du legge til et sett med regler til stilarket:
A # ID_GREEN
{
bakgrunnsfarge: # 00FF00;
}
Du bør også sette ID-attributtet til A-elementet som tilsvarer ønsket lenke til ID_GREEN:
lenke tekst
Trinn 3
Fyll bakgrunnen til lenken med et bilde. Følg metodene som er beskrevet i trinn ett og to, men i stedet for bakgrunnsfarge CSS-egenskapen, bruk bakgrunnsbilde. For eksempel:
lenke tekst
Hvis nødvendig, legg til en bakgrunn-gjenta-egenskap til CSS-reglene som er angitt for å definere alternativer for å duplisere bakgrunnsbildet horisontalt og vertikalt.
Trinn 4
Gjør bakgrunnen for lenken endret når du holder markøren over den eller når fokuset beveger seg. Legg til regelsett til et eksternt eller innebygd dokumentformatark som definerer bakgrunnen til en lenke eller koblingsgruppe i forskjellige tilstander. Bruk ID- og attributtvelgere i forbindelse med de dynamiske pseudoklassene: sveve,: aktiv og: fokus. For eksempel, for at bakgrunnen til en lenke med ID-attributtverdien ID_DYNAMIC_BACKGROUND skal være rød i inaktiv tilstand og grønn i tilstanden til å være under musemarkøren, må følgende regelsett legges til stilarket:
En # ID_DYNAMIC_BACKGROUND
{
bakgrunnsfarge: # FF0000;
}
A # ID_DYNAMIC_BACKGROUND: svever
{
bakgrunnsfarge: # 00FF00;
}
Du kan gjøre det samme for å lage en bakgrunn med et dynamisk skiftende bilde.
