Mafano ya Kufikia ya CSS
- Mwanzo ja Mafano ya Kufikia ya CSS
- Pya ja Mafano ya Kufikia ya CSS
Kwa kutumia CSS, inaweza kumfuata viungo kwa njia tofauti.
Kitendo cha liko cha matukio Kitendo cha liko cha matukio kitendo cha liko kitendo cha likoKuwaambilia muundo wa kina kwa viungo
Viungo vinaweza kutumia kina kina yoyote (kama vile mabaki ya kina: kulenga,mabaki ya kina: familia ya fonti,mabaki ya kina: kulenga na mengine mawili (na wengine wengine) kuwapa muundo wa kina.
madaa
a {
mabaki ya kina: hotpink;
}
Pia, inaweza kuwapa muundo wa kina kwa viungo vingine kwa sababu ya hali ya viungo:
Matokeo ya viungo vya nne ni:
a:link- Kitendo cha liko cha chakula cha kwanzaa:visited- Kama kitendo cha liko kilivyoandikwa na mtumiajia:hover- Kama mtumiaji ameshikilia msahau kwenye kitendo cha likoa:active- Kama kitendo cha liko kilivyoandikwa
madaa
/* Kitendo cha liko cha haitakuwaandikwa */
a:link {
mabaki ya kina: red;
}
/* Kitendo cha liko cha alivyoandikwa */
a:visited {
mabaki ya kina: green;
}
/* Kwa sababu ya kushikilia msahau katika kitendo cha liko */
a:hover {
mabaki ya kina: hotpink;
}
/* Kitendo cha liko cha alivyoandikwa */
a:active {
mabaki ya kina: alivyochaguliwa
}
Kama inahitaji kuwapa muundo wa mabaki ya kina kwa viungo vingine, tafadhali nifanyie muundo wa kulingana na kaidi:
- a:hover lazima iwe pindi ya a:link na a:visited
- a:active lazima iwe pindi ya a:hover
mabaki ya kina: kulenga
mabaki ya kina: kulenga Mafano hana uharibifu wa mabaki ya kina: kulenga
madaa
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
mabaki ya kina: kulenga
}
a:active {
mabaki ya kina: kulenga
}
mabaki ya kina: kulenga
mabaki ya kina: kulenga Mafano yanaonyesha kwa sababu ya mabaki ya kina: kulenga kwa sababu ya mabaki ya kina:
madaa
a:link {
mabaki ya kina: yellow;
}
a:visited {
mabaki ya kina: cyan;
}
a:hover {
mabaki ya kina: lightgreen;
}
a:active {
mabaki ya kina: hotpink;
}
kitendo cha liko
Mfano hii inae demo ya mivivu wa kipendelee kinachotaka kuongeza ukirudiwa wa CSS kwa sababu ya mifano:
madaa
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
Mifano zaidi
- Kuingiza mifano ya viungo zaidi
- Mifano hii inadharisha kama uwezekano wa kuongeza mifano ya viungo.
- Kipya - Kuitwa kitendo cha viungo na kina
- Hii ni mifano mwingine kama uwezekano wa kutengeneza ikona/kitendo cha viungo.
- Kubadilisha kina
- Mimba ya cursor inasema aina ya kina inayotawala. Mifano hii inadharisha kina zaidi kubwa (kina zaidi zaidi zaidi kwa viungo).
- Mwanzo ja Mafano ya Kufikia ya CSS
- Pya ja Mafano ya Kufikia ya CSS
