Kopš hiperteksta iezīmēšanas valodas HTML izdomāšanas tīmekļa dokumentu izkārtojuma un izkārtojuma jēdzieni ir dramatiski mainījušies. Ar gandrīz pilnīgu populāru pārlūku atbalstu CSS un CSS2 kaskādes stila lapu standartiem ir kļuvis iespējams ietekmēt gandrīz jebkuru dokumenta vizuālās prezentācijas aspektu. Piemēram, saites fonu var padarīt krāsainu, piepildītu ar kādu attēlu un arī mainīgu atkarībā no lietotāja darbībām.
Nepieciešams
- - spēja rediģēt dokumenta tekstu vai dokumenta stila lapu tekstu;
- - teksta redaktors, kas ļauj dokumentu saglabāt oriģinālajā kodējumā.
Instrukcijas
1. solis
Padariet saites fonu vienmērīgi piepildītu ar nejaušu krāsu, pievienojot elementā A iekļauto stila informāciju. Pievienojiet stilu A elementa atribūtiem, kas atbilst saitei, kuras fonu vēlaties mainīt. Atribūta style stilā ievietojiet fona krāsas CSS rekvizītu ar norādīto vērtību, kas ir pareizais fona krāsas identifikators. Piemēram, tas varētu izskatīties šādi:
saites teksts
2. solis
Definējiet saites fonu dokumenta ārējā vai iegultā stila lapā. Atbilstošajā stila lapā pievienojiet noteikumu kopumu, kuru adresē atlasītājs ar pieņemamu specifiskuma līmeni. Kārtulu kopā ierakstiet rekvizītu fona krāsa tāpat kā iepriekšējā darbībā. Atlasiet selektora specifiku, pamatojoties uz CSS2 kaskādes kārtulām un vēlamo darbības jomu. Tātad, ja jums jāiestata tikai vienas saites krāsa, ir jēga izmantot ID atlasītāju, ja ir vairākas šādas saites, labāk ir izmantot atribūtu atlasītāju, pamatojoties uz klases vērtību.
Piemēram, lai dokumentā noteiktu zaļu fonu iestatītu, stila lapai varat pievienot kārtulu kopu:
# ID_GREEN
{
fona krāsa: # 00FF00;
}
Jums arī jāiestata A elementa ID atribūts, kas atbilst vēlamajai saitei uz ID_GREEN:
saites teksts
3. solis
Aizpildiet saites fonu ar attēlu. Izpildiet pirmās un otrās darbības aprakstītās metodes, bet fona krāsas CSS rekvizīta vietā izmantojiet fona attēlu. Piemēram:
saites teksts
Ja nepieciešams, CSS kārtulām pievienojiet fona atkārtojuma rekvizītu, lai definētu opcijas fona attēla dublēšanai horizontāli un vertikāli.
4. solis
Pārvietojiet saites fonu, virzot kursoru virs tā vai kad fokuss pārvietojas. Pievienojiet kārtulu kopas ārējam vai iegultam dokumenta stila lapai, kas nosaka saites vai saišu grupas fonu dažādos stāvokļos. Izmantojiet ID un atribūtu atlasītājus kopā ar dinamiskajām pseidoklasēm: hover,: active un: focus. Piemēram, lai saites ar ID atribūta vērtību ID_DYNAMIC_BACKGROUND fons neaktīvā stāvoklī būtu sarkans un zaļš, atrodoties zem peles kursora, stila lapai jāpievieno šādi kārtulu kopas:
# ID_DYNAMIC_BACKGROUND
{
fona krāsa: # FF0000;
}
# ID_DYNAMIC_BACKGROUND: virziet kursoru
{
fona krāsa: # 00FF00;
}
Jūs varat darīt to pašu, lai izveidotu fonu ar dinamiski mainīgu attēlu.
