Siden opfindelsen af hypertext markup sprog, HTML, har begreberne layout og layout af webdokumenter ændret sig dramatisk. Med den næsten komplette understøttelse af populære browsere til CSS og CSS2 cascading style sheet standarder er det blevet muligt at påvirke næsten ethvert aspekt af den visuelle præsentation af et dokument. For eksempel kan du gøre baggrunden for et link farvet, fyldt med noget billede og også ændre sig afhængigt af brugerens handlinger.
Nødvendig
- - evnen til at redigere teksten i dokumentet eller teksten til dokumentformatet
- - en teksteditor, der giver dig mulighed for at gemme dokumentet i den originale kodning.
Instruktioner
Trin 1
Gør baggrunden for linket ensartet udfyldt med en tilfældig farve ved at tilføje oplysninger om indbygget stil til elementet A. Tilføj stil til attributterne for A-elementet, der svarer til det link, hvis baggrund du vil ændre. I indholdet af stilattributten skal du placere CSS-egenskaben i baggrundsfarve med den givne værdi, som er den korrekte identifikator for baggrundsfarven. For eksempel kan det se sådan ud:
linktekst
Trin 2
Definer baggrunden for linket i et eksternt eller integreret stilark i dit dokument. I det relevante typografiark skal du tilføje et sæt regler adresseret af en vælger med et acceptabelt specificitetsniveau. I regelsættet skal du indtaste egenskaben baggrundsfarve på samme måde som i det foregående trin. Vælg selektorens specificitet baseret på CSS2-kaskadereglerne og det ønskede omfang. Så hvis du har brug for at indstille farven på kun et link, er det fornuftigt at bruge en ID-vælger. Hvis der er flere sådanne links, er det bedre at bruge en attributvælger baseret på klasseværdien.
For at indstille en grøn baggrund til et specifikt link i et dokument kan du f.eks. Føje et sæt regler til stilarket:
A # ID_GREEN
{
baggrundsfarve: # 00FF00;
}
Du skal også indstille ID-attributten for A-elementet, der svarer til det ønskede link til ID_GREEN:
linktekst
Trin 3
Fyld baggrunden for linket med et billede. Følg metoderne beskrevet i trin et og to, men i stedet for baggrundsfarve-CSS-egenskaben skal du bruge baggrundsbillede. For eksempel:
linktekst
Hvis det er nødvendigt, tilføj en baggrunds-gentagelsesegenskab til CSS-reglerne, der definerer mulighederne for at duplikere baggrundsbilledet vandret og lodret.
Trin 4
Gør baggrunden for linket ændret, når du holder markøren over det, eller når fokus bevæger sig. Føj regelsæt til et eksternt eller integreret dokumentformat, der definerer baggrunden for et link eller en linkgruppe i forskellige tilstande. Brug ID- og attributvælger i forbindelse med de dynamiske pseudoklasser: svæver, aktiv og fokus. For eksempel, for at baggrunden af et link med ID-attributværdien ID_DYNAMIC_BACKGROUND skal være rød i inaktiv tilstand og grøn i tilstanden af at være under musemarkøren, skal følgende regelsæt føjes til stilarket:
Et # ID_DYNAMIC_BACKGROUND
{
baggrundsfarve: # FF0000;
}
A # ID_DYNAMIC_BACKGROUND: svæv
{
baggrundsfarve: # 00FF00;
}
Du kan gøre det samme for at skabe en baggrund med et dynamisk skiftende billede.
