Tangu uvumbuzi wa lugha markup ya maandishi, HTML, dhana za mpangilio na mpangilio wa nyaraka za wavuti zimebadilika sana. Kwa msaada karibu kabisa wa vivinjari maarufu kwa viwango vya karatasi vya mtindo wa CSS na CSS2, imekuwa inawezekana kushawishi karibu kila jambo la uwasilishaji wa hati. Kwa mfano, unaweza kufanya mandharinyuma ya kiunga kuwa rangi, iliyojazwa na picha fulani, na pia kubadilisha kulingana na matendo ya mtumiaji.
Muhimu
- - uwezo wa kuhariri maandishi ya hati au maandishi ya karatasi za mitindo ya hati;
- - mhariri wa maandishi ambayo hukuruhusu kuokoa hati hiyo katika usimbuaji wa asili.
Maagizo
Hatua ya 1
Tengeneza mandharinyuma ya kiunga sawasawa na rangi isiyo ya kawaida kwa kuongeza habari ya mtindo ulio ndani ya kipengee cha A. Ongeza mtindo kwa sifa za kipengee A kinacholingana na kiunga ambacho historia yake unataka kubadilisha. Katika yaliyomo kwenye sifa ya mtindo, weka mali ya asili ya rangi ya CSS na dhamana iliyopewa, ambayo ni kitambulisho sahihi cha rangi ya asili. Kwa mfano, inaweza kuonekana kama hii:
kiungo maandishi
Hatua ya 2
Fafanua asili ya kiunga kwenye karatasi ya mtindo wa nje au uliopachikwa kwenye hati yako. Katika karatasi ya mtindo unaofaa, ongeza seti ya sheria zinazoshughulikiwa na mteule wa kiwango kinachokubalika cha umaalum. Katika seti ya sheria, ingiza mali ya rangi-asili kwa njia sawa na katika hatua ya awali. Chagua upendeleo wa mteule kulingana na sheria za kuachia CSS2 na upeo unaotaka. Kwa hivyo, ikiwa unahitaji kuweka rangi ya kiunga kimoja tu, ni busara kutumia kiteuzi cha kitambulisho, ikiwa kuna viungo kadhaa kama hivyo, ni bora kutumia kiteua sifa kulingana na thamani ya darasa.
Kwa mfano, kuweka asili ya kijani kwa kiunga maalum kwenye hati, unaweza kuongeza seti ya sheria kwenye karatasi ya mtindo:
# ID_GREEN
{
rangi ya asili: # 00FF00;
}
Unapaswa pia kuweka sifa ya kitambulisho cha kipengee A kinacholingana na kiunga unachotaka kwa ID_GREEN:
kiungo maandishi
Hatua ya 3
Jaza asili ya kiunga na picha. Fuata njia zilizoelezewa katika hatua ya kwanza na mbili, lakini badala ya mali ya asili ya rangi ya CSS, tumia picha ya nyuma. Kwa mfano:
kiungo maandishi
Ikiwa ni lazima, ongeza mali ya kurudia nyuma kwa sheria za CSS zilizowekwa ili kufafanua chaguzi za kurudia picha ya nyuma usawa na wima.
Hatua ya 4
Fanya usuli wa kiunga ubadilike wakati unaelea juu yake au wakati mwelekeo unasonga. Ongeza seti za sheria kwa karatasi ya mtindo wa hati ya nje au iliyoingia ambayo inafafanua asili ya kiunga au kikundi cha kiunga katika majimbo tofauti. Tumia wateule wa kitambulisho na sifa kwa kushirikiana na madarasa ya uwongo yenye nguvu: hover,: active, and: focus. Kwa mfano, ili usuli wa kiunga na dhamani ya kitambulisho cha ID_DYNAMIC_BACKGROUND kuwa nyekundu katika hali isiyotumika na kijani kibichi katika hali ya kuwa chini ya mshale wa panya, sheria zifuatazo lazima ziongezwe kwenye karatasi ya mtindo:
# ID_NAMIC_BACKGROUND
{
rangi ya asili: # FF0000;
}
# ID_DYNAMIC_BACKGROUND: hover
{
rangi ya asili: # 00FF00;
}
Unaweza kufanya vivyo hivyo kuunda msingi na picha inayobadilika sana.
