Feem ntau, cov cim kab nrig ntawm cov vev xaib yog siv los npaj kev qhia kev. Thaum koj nyem xws li tus taw tes, koj mus rau lwm nplooj ntawv lossis mus rau lwm seem ntawm nplooj ntawv tam sim no. Qee lub sijhawm qee qhov yeeb yam khi rau lawv - hais txog lub ntsiab lus ntawm lub tshav pob, pib lub JavaScript ntawv, thiab lwm yam. Txhawm rau qhia tias tus xub no yog ib qho kev ua haujlwm, siv "cov ntsiab lus" zoo, i.e. hloov pauv tsos ntawm tus nas.
Tsim nyog
Cov txuj ci yooj yim ntawm HTML thiab CSS hom lus
Cov Lus Qhia
Kauj ruam 1
Txiav txim siab seb tus txheej txheem twg rau kev siv cov cim qhia xub yog qhov zoo tshaj rau koj. Muaj ob peb ntawm lawv, ob qho yooj yim tau muab rau hauv cov kauj ruam tom ntej ntawm cov lus qhia no. Nkawd ob leeg siv daim CSS hover pseudo-chav kawm. Thaum tus nas cursor dhau tus sau kab sib chaws (xub), cov qauv tau piav qhia hauv cov ntaub ntawv qhia no yog siv rau nws, thiab tas lub sijhawm no hom tsis ua haujlwm. Rau ob qho kev xaiv tau piav qhia hauv qab no, koj tuaj yeem siv tib HTML code, tab sis nyias piav qhia style. Tus lej cim hauv cov nplooj ntawv tuaj yeem sau raws li hauv qab no: Tus cwj pwm tus id qhia qhov cim tus cim txuas (arrowA), los ntawm qhov browser yuav txiav txim siab seb qhov twg ntawm cov style piav qhia yuav tsum tau siv rau nws.
Kauj ruam 2
Thawj qhov kev xaiv yuav xav tau koj los npaj ob daim duab xub - nrog thiab tsis muaj rov qab. Txuag lawv rau cov ntaub ntawv nrog npe xws li arrON.
a # arrowA, a # arrowA: xyuas {
tso saib: thaiv;
qhov siab: 30px;
dav: 100px;
tom qab: url (arrOFF.gif) tsis muaj-rov tso;
ciam teb: 0;
}
a # arrowA: yuj {
tom qab: url (arrON.gif) tsis muaj-rov tso;
ciam teb: 0;
}
Thawj lub block muaj qhov ntev ntawm tus taw (qhov siab: 30px; qhov dav: 100px;) - hloov nrog lawv nrog qhov ntev ntawm cov duab xub npaj.
Kauj ruam 3
Qhov kev xaiv thib ob tso cai rau koj kom tau los ntawm tsuas yog ib daim ntawv foos. Koj yuav tsum muab ob qho tib si duab ntawm lub xib xub tso rau hauv nws - ob qho tib si ua kom pom thiab ua tsis tau dabtsi. Koj tuaj yeem tso lawv ib sab rau ib sab, koj tuaj yeem ua ib qho siab rau lwm tus. Hauv tus lej qauv, peb yuav xav tias qhov xub cim qhia tau muab tso rau hauv qab qhov tsis ua hauj lwm, thiab cov ntaub ntawv muaj npe arr.
a # arrowA, a # arrowA: xyuas {
tso saib: thaiv;
dav: 100px;
qhov siab: 30px;
tom qab: url (arr.gif) tsis muaj-rov tso;
ciam teb: 0;
}
a # arrowA: yuj {
tom qab: url (arr.gif) tsis muaj rov ua dua 31px;
ciam teb: 0;
}
Tsis txhob hnov qab resize ntawm no ib yam nkaus thiab.
