Cov HTML markup lus muaj ntau ntawm cov kev xaiv rau kev tso saib cov khoom hauv lub browser qhov rai. Txhawm rau hloov cov duab kab ke, teeb xim rau cov nplooj ntawv, CSS feem ntau siv, uas tso cai rau koj los kho cov xov xim uas xav tau.
Cov Lus Qhia
Kauj ruam 1
Txhawm rau hloov kab txuas tso saib ntsuas, koj yuav tsum hloov nplooj ntawv nplooj. Qhib koj cov ntawv HTML nrog qhov chaws tsim kho. Siv tus txheej txheem ntawm Windows editor "Notepad". Koj tseem tuaj yeem nruab ntxiv cov kev pab cuam ntxiv xws li Notepad ++ lossis HTML-Viewer uas yuav tso cai rau koj pom cov cai uas koj xav tau nrog syntax highlighting. Txhawm rau qhib cov ntaub ntawv hauv cov ntawv kho, nias-xaiv thiab xaiv "Qhib nrog". Hauv cov npe uas tshwm sim, qhia meej txog kev siv hluav taws xob uas koj tau xaiv.
Kauj ruam 2
Hauv kab ntawv kho qhov rai, taw mus rau qhov txuas uas nws xav kom koj hloov xim. Txhua tus txuas muaj daim Ntawv Txuas Npe. Txhawm rau hloov xim ntawm cov ntawv nyeem, siv cov qauv ntsuas.
Kauj ruam 3
Tom qab xaiv txoj kab koj xav tau hloov, mus rau nplooj ntawv thaiv. Tom qab kaw cov qauv piav qhia, sau lub cim npe thiab tsim cov yam ntxwv CSS pseudo-chav kawm. Piv txwv li:
.colorchange {xim: liab;
tom qab: xiav;
padding: 1px; }
Kauj ruam 4
Txoj cai no tsim cov pseudo-chav kawm muaj lub npe hloov pauv uas tuaj yeem siv rau hauv cov cim txuas. Lub teeb ntsuas xim yog lub luag haujlwm rau cov xim ntawm lub ntsiab lus - hauv qhov no, tus nqi liab tau teeb tsa, uas yuav tsim cov kab ntawv ua xim liab. Koj tuaj yeem ntxiv cov nqi HTML rau yam khoom no. Cov xim tom qab ntawm qhov txuas tau teeb tsa los ntawm tom qab ntsuas. Lub padding parameter yog lub luag haujlwm rau qhov indentation ntawm qhov txuas piv rau lwm cov ntsiab.
Kauj ruam 5
Tom qab tsim pseudo-chav kawm, nws yuav tsum tau teem rau hauv lub cev ntawm daim ntawv nws tus kheej. Rov qab mus rau ntu ntu ntawm kod uas koj qhov chaw txuas yog nyob. Hloov nws los ntawm ntaus hauv chav kawm parameter thiab muab nws tus nqi nrog lub npe ntawm CSS pseudo-chav kawm. Piv txwv li:
Txuas npe
Kauj Ruam 6
Koj yuav tsim kev txuas xim txuas nrog xiav tom qab thiab 1-pixel padding raws li sau tseg hauv CSS saum toj no. Khaws cov pauv hloov ua rau cov ntawv thiab kaw lub editor qhov rai. Txhawm rau kuaj xyuas cov cai uas tau hais tseg, qhib koj nplooj ntawv hauv lub qhov rai browser kom paub tseeb tias cov chaw tau ua kom raug. Qhov tseem ceeb ntawm qhov txuas nrog xim tau ua tiav.
