Sedert die uitvinding van die hypertext markup taal, HTML, het die konsepte van uitleg en uitleg van webdokumente dramaties verander. Met die byna volledige ondersteuning van gewilde blaaiers vir die CSS- en CSS2-kaskadestylvelstandaarde, is dit moontlik om byna enige aspek van die visuele aanbieding van 'n dokument te beïnvloed. U kan byvoorbeeld die agtergrond van 'n skakel kleurvol maak, gevul met een of ander prentjie, en ook verander, afhangende van die gebruiker se handelinge.
Nodig
- - die vermoë om die teks van die dokument of die teks van die dokumentstylblaaie te wysig;
- - 'n teksredigeerder waarmee u die dokument in die oorspronklike kodering kan stoor.
Instruksies
Stap 1
Maak die agtergrond van die skakel eenvormig gevul met 'n ewekansige kleur deur inligting in die styl by die element A. Voeg styl by die eienskappe van die A-element wat ooreenstem met die skakel waarvan u die agtergrond wil verander. Plaas die agtergrondkleur-CSS-eienskap in die inhoud van die stylkenmerk met die gegewe waarde, wat die korrekte identifiseerder vir die agtergrondkleur is. Dit kan byvoorbeeld soos volg lyk:
skakel teks
Stap 2
Definieer die agtergrond van die skakel in 'n eksterne of ingebedde stylblad in u dokument. Voeg 'n stel reëls by wat gepas is deur 'n keurder van 'n aanvaarbare vlak van spesifisiteit in die toepaslike stylblad. Voer die agtergrondkleureienskap in die reëlstel in op dieselfde manier as in die vorige stap. Kies die spesifisiteit van die keurder op grond van die CSS2-omgevingsreëls en die gewenste omvang. As u dus net een skakel se kleur moet instel, is dit sinvol om 'n ID-keurder te gebruik. As daar verskeie sulke skakels is, is dit beter om 'n attribuutkeurder te gebruik op grond van die klaswaarde.
Om byvoorbeeld 'n groen agtergrond vir 'n spesifieke skakel in 'n dokument in te stel, kan u 'n stel reëls by die stylblad voeg:
'N # ID_GROEN
{
agtergrondkleur: # 00FF00;
}
U moet ook die ID-kenmerk van die A-element wat ooreenstem met die verlangde skakel ID_GREEN instel:
skakel teks
Stap 3
Vul die agtergrond van die skakel met 'n prentjie. Volg die metodes wat in stap een en twee beskryf word, maar gebruik die agtergrondbeeld in plaas van die agtergrondkleur CSS-eienskap. Byvoorbeeld:
skakel teks
Voeg, indien nodig, 'n agtergrondherhalende eienskap by die CSS-reëls wat ingestel is om opsies te definieer om die agtergrondprent horisontaal en vertikaal te dupliseer.
Stap 4
Laat die agtergrond van die skakel verander as u daaroor beweeg of as die fokus beweeg. Voeg reëlstelle by 'n eksterne of ingebedde dokumentstylblad wat die agtergrond van 'n skakel of skakelgroep in verskillende toestande definieer. Gebruik ID- en attribuutkeurders in samewerking met die dinamiese pseudoklasse: sweef,: aktief en: fokus. Om byvoorbeeld die agtergrond van 'n skakel met die ID-kenmerkwaarde ID_DYNAMIC_BACKGROUND rooi in die onaktiewe toestand en groen te wees as dit onder die muiswyser is, moet die volgende reëlstelle by die stylblad gevoeg word:
'N # ID_DYNAMIC_BACKGROUND
{
agtergrondkleur: # FF0000;
}
'N # ID_DYNAMIC_BACKGROUND: beweeg
{
agtergrondkleur: # 00FF00;
}
U kan dieselfde doen om 'n agtergrond met 'n dinamies veranderende beeld te skep.
