Yuav Hloov Kab Ntawv Txuas Li Cas

Cov txheej txheem:

Yuav Hloov Kab Ntawv Txuas Li Cas
Yuav Hloov Kab Ntawv Txuas Li Cas
Anonim

Hloov cov zaub teeb ntawm cov txuas hauv html tuaj yeem ua tiav siv cascading css style nplooj ntawv. Lawv tso cai rau koj los kho cov zaub ntawm cov kab ntawv txuas, nws cov xim ua ntej cov neeg siv nyem rau ntawm nws thiab tom qab nas nas. Koj tuaj yeem tuaj yeem hloov lub ntaus ntawv ntawm tus tsiaj ntawv siv thiab nws loj.

Yuav hloov kab ntawv txuas li cas
Yuav hloov kab ntawv txuas li cas

Cov Lus Qhia

Kauj ruam 1

Cov chav kawm thiab pseudo-chav kawm yog siv los tsim qhov txuas tsis sib txuas hauv css. Lub pseudo-chav kawm a: qhov txuas tau teeb tsa tus qauv rau kev sib txuas tsis tu ncua, a: mus xyuas tso cai koj tuaj yeem kho cov zaub ntawm qhov twb siv txuas. A: nquag ua haujlwm tuav cov haujlwm ntawm lub cim npe thaum tus cursor tau nyem rau ntawm lub hauv paus, thiab a: hover teev qhov style ntawm qhov txuas thaum koj hover dhau nws. Koj tseem tuaj yeem tsim ib chav kawm rau lub caij koj tus kheej, thiab hauv qhov tsis siv tus qauv ua haujlwm los ua cov ntawv sau.

Kauj ruam 2

Txhawm rau kaw cov zaub ntawm kab ntawv hauv qab ntawm cov ntawv txuas hauv kab ntawv hauv browser, siv cov ntawv nyeem-kho kom zoo nkauj: tsis muaj qhov tsis xeb. Koj tuaj yeem qhia meej qhov kev ntaus nqi no ob qho tib si hauv chav kawm thiab hauv chav kawm tswv yim txog kev ua si. Txhawm rau hloov cov xim ntawm qhov txuas, siv cov xim sib txuam, rau qhov loj me - cov qauv sau ntawv-loj tus cwj pwm. Yog tias koj xav suav hom bold lossis italic, siv font-weight parameter.

Kauj ruam 3

Qhib koj cov ntaub ntawv html nrog xijpeem cov ntawv nyeem koj siv los hloov kho nplooj ntawv code. Tom qab ntawv, mus rau ib ntu ntawm koj daim ntawv thiab teeb css code rau txuas yav tom ntej ntawm nplooj ntawv siv tus kov. Piv txwv li:

Hloov txuas txuas

a: txuas {ntawv-kho kom zoo nkauj: tsis muaj;

font-loj: 14px;

font-yuag: bold;

xim: liab; }

Kauj ruam 4

Txoj cai no tshem tawm kab hauv qab los ntawm kev sib txuas tsis tu ncua, teeb tsa tus ntawv loj mus rau 14 pixels, siv tau tus qauv ntawv xim daj thiab xim liab rau lub caij. Tam sim no ib qhov txuas hauv kab lossis yuav pom zoo li no.

Kauj ruam 5

Koj tuaj yeem ua qauv rau txhua qhov txuas txuas nrog siv cov chav kawm css. Yog li, yog tias cov cai nyob hauv lub cim npe zoo li:

a.link1 {font-loj: 20px; xim: dub;}

Kauj Ruam 6

Koj tuaj yeem tsim qhov loj me ntawm qhov txuas rau 20 pixels thiab xim dub los ntawm kev siv chav kawm hauv lub cev ntawm daim ntawv raws li hauv qab no:

Txuas

Los ntawm cov piv txwv koj tuaj yeem pom tias qhov txuas tau muab tso rau cov kauj ruam tsim rov qab css code chav kawm los ntawm kev teev cov ntsiab lus hauv chav kawm ntawm qhov txuas. Qhov txuas no yuav tam sim no tso tawm kom pom dub thiab muaj qhov loj me ntawm 20 pixels. Txhawm rau hloov cov cwj pwm no, kho cov css code ntawm nplooj ntawv nplooj.

Kauj Ruam 7

Hloov cov tsos ntawm cov txuas yog ua tiav, koj tuaj yeem khaws cov kev hloov pauv ntawm cov ntawv thiab khiav nws rau saib hauv browser.

Pom zoo: