Hauv cov txheej txheem ntawm kev ua haujlwm ntawm lub xaib, ob tus kws tshaj lij webmasters thiab cov neeg uas tau koom nrog kho cov xaib, tab sis tsis yog cov kws tshaj lij, hloov ntau yam rau cov qauv ntawm lub vev xaib. Piv txwv li, koj yuav xav hloov pauv xim ntawm cov txuas rau lub xaib rau qee qhov laj thawj.
Hauv qhov no, koj yuav tsum paub tias xim ntawm cov txuas raug hloov pauv siv CSS (Cascading Style Sheets) - cascading style nplooj ntawv. Cov no yog cov ntxhuav siv tau ua ke nrog ntawm hom lus los tsim lub vev xaib. CSS yog lub luag haujlwm rau cov qauv ntawm lub xaib, uas yog, rau nws cov qauv, tsos, thiab html - rau cov ntsiab lus ntawm cov khoom siv. CSS yog txuas ntxiv txog kev hloov kho ntawm HTML.
Txuas xim rau ntawm qhov chaw
Yog li, koj tuaj yeem hloov cov xim sib txuas ob qho tib si rau lub xaib tag nrho, thiab rau txhua qhov txuas sib cais. Txuas xim tau tsim raws li qhov ntaus nqi ntawm lub ntsiab tag. Tus cwj pwm yog qee yam uas koj tsis tas yuav sau tus lej, vim qee qhov ntawm lawv twb tau tsim los ntawm lub neej ntawd. Qhov txuas ntaus cim txiav txim siab cov xim ntawm cov txuas hauv lub xaib. Lub neej ntawd yog xiav. Alink yog tus cwj pwm uas txiav txim xyuas cov xim ntawm cov kev txuas nquag, los ntawm lub neej ntawd nws liab. Vlink - xyuas cov txuas mus, lawv feem ntau lees txais xim yog xim.
Feem ntau, cov xim sib txuas hauv cov vev xaib raug teeb tsa nyob rau hauv kev tshaj tawm hexadecimal (#EEEEEE - grey) lossis hauv rgb hom (# 808080 - grey), tab sis koj tseem tuaj yeem siv cov cim lus Askiv xim xim (grey - grey). Tsis tas li ntawd, qhov xim tuaj yeem tsim tau hauv qib, HSL hom yog tsim nyog rau qhov no. Daim phiaj xim ua tau yooj yim nrhiav hauv Is Taws Nem.
Hloov xim ntawm cov txuas
Txhawm rau hloov xim ntawm txhua qhov txuas ntawm nplooj ntawv, nws txaus los hloov xim xim cwj pwm hauv cov qauv. Ua li no, nrhiav cov ntaub ntawv style.css, qhib nws thiab nrhiav tus cwj pwm. Piv txwv li, A {xim: ntsuab; / * Txuas xim * /}, qhov twg A yog qhov txuas, xim uas peb hloov mus rau ntsuab. Koj tuaj yeem hloov tus nqi xim raws li koj nyiam siv ib qho ntawm cov cim xim. Qhov browser yuav "nkag siab" koj. Tus qauv yuav siv rau txhua qhov txuas hauv nplooj ntawv web. Koj tuaj yeem hloov cov xim ntawm lwm tus cwj pwm hauv tib txoj kev, piv txwv li, xim ntawm qhov txuas thaum koj hover dua nws nrog tus cursor nas.
Txhawm rau ua kom muaj kev sib txuas hauv cov xim sib txawv ntawm lub vev xaib, siv cov ntawv nkag mus hauv qab no hauv cov ntawv txheeb:
.menu ib {xim: grey; }
.cnyav ib {xim: ntsuab; }
Nws ua raws los ntawm cov piv txwv uas txuas rau cov ntawv qhia zaub mov yuav txho, thiab cov kab sib txuas hauv cov ntsiab lus thaiv yuav ntsuab.
Tib cov kauj ruam tuaj yeem ua tiav nrog cov kab txuas yog tias cov qauv tsis nyob hauv ib daim ntawv cais, tab sis hauv html daim ntawv nws tus kheej. Cov no yog cov kev xaiv ua ntsiab lus.
Yog tias koj xav tau kho kom sai ntawm cov cwj pwm thiab hloov cov xim sib txuas, ces nws yog qhov zoo dua los siv qhov muag saib lub sijhawm Dreamwever. Qhov tseem ceeb tshaj plaws yuav tsum nco ntsoov yog tias cov kev txuas yuav tsum saib organic in relation to rau tag nrho lub vev xaib. Rau cov keeb kwm pom kev tsaus, qhov txuas tsaus nti tau zoo dua thiab hloov ua lwm yam.
