Txij li kev tsim muaj ntawm hypertext markup lus, HTML, cov ntsiab lus ntawm cov qauv thiab cov qauv ntawm cov ntaub ntawv web tau hloov pauv ntau yam. Nrog rau yuav luag tiav kev them nyiaj yug ntawm cov browsers zoo rau CSS thiab CSS2 cascading style ntawv qauv, nws tau ua muaj feem cuam tshuam rau yuav luag txhua qhov pom ntawm cov yeeb yam nthuav tawm ntawm daim ntawv. Piv txwv li, koj tuaj yeem ua tom qab ntawm qhov txuas txuas xim, ntim nrog qee cov duab, thiab kuj tseem hloov raws li tus neeg siv kev ua.
Tsim nyog
- - lub peev xwm los kho cov ntawv ntawm cov ntawv sau lossis cov ntawv ntawm cov ntawv sau style;
- - cov ntawv nyeem kho lus uas tso cai rau koj kom txuag cov ntawv hauv daim tseem.
Cov Lus Qhia
Kauj ruam 1
Ua rau tom qab ntawm qhov txuas txuas sib txuas nrog cov xim xim sib txawv los ntawm kev ntxiv cov lus hauv kab ntawv rau cov A. Ntxiv cov qauv rau cov cwj pwm ntawm cov khoom A txuas nrog rau qhov txuas uas nws keeb kwm koj xav hloov. Hauv cov ntsiab lus ntawm cov qauv ntaus cim, muab cov tom qab-xim CSS cov cuab yeej nrog cov txiaj ntsig, uas yog qhov qhia tseeb rau cov xim tom qab. Piv txwv li, nws yuav zoo li no:
txuas ntawv nyeem
Kauj ruam 2
Txhais cov keeb kwm yav dhau los ntawm qhov txuas hauv kab ntawv sab nrauv lossis kos ua ke hauv koj daim ntawv. Hauv cov ntawv tsim nyog style, ntxiv ib co kev cai hais daws teeb tsa los ntawm ib tus xaiv ntawm qib uas lees paub ntawm qhov tshwj xeeb. Nyob rau hauv kev cai tswj hwm, nkag mus rau cov xim av keeb kwm yav dhau los tau zoo ib yam nkaus li hauv kauj ruam dhau los. Xaiv qhov tshwj xeeb ntawm tus xaiv raws li CSS2 cov kev cai zas tswj thiab cov uas xav tau. Yog li, yog tias koj yuav tsum teeb lub xim ntawm tsuas yog ib qhov txuas, nws ua rau kev nkag siab siv tus ID xaiv, yog tias muaj ob peb qhov txuas, nws yog qhov zoo dua los siv tus cwj pwm xaiv raws li cov nqi hauv chav kawm.
Piv txwv li, txhawm rau muab lub keeb kwm ntsuab ntsuab rau qhov txuas tshwj xeeb hauv ib daim ntawv, koj tuaj yeem ntxiv ib co cai ntawm cov cai rau daim ntawv style:
A # ID_GREEN
{
xim tom qab: # 00FF00;
}
Koj kuj yuav tsum teeb tus cim ceem ntawm A Ib qhov sib thooj rau qhov txuas yam xav tau rau ID_GREEN:
txuas ntawv nyeem
Kauj ruam 3
Sau cov keeb kwm yav dhau los ntawm qhov txuas nrog tus duab. Ua raws li cov qauv qhia hauv qib ib thiab ob, tab sis siv cov keeb kwm yav dhau-xim CSS cov cuab yeej, siv cov duab tom qab. Piv txwv li:
txuas ntawv nyeem
Yog tias tsim nyog, ntxiv qhov tso keeb kwm yav dhau los tso rau CSS cov cai tsim los txhais cov kev xaiv rau luam tawm cov duab keeb kwm yav dhau los ua tav toj thiab ntsug.
Kauj ruam 4
Ua lub keeb kwm yav dhau los ntawm qhov txuas txuas thaum koj hover dhau nws lossis thaum lub siab hloov. Ntxiv cov kev cai teeb tsa rau ib daim ntawv sab nrauv lossis sab nrauv muab cov ntawv txiav txim keeb kwm yav dhau los ntawm qhov txuas los yog txuas pab pawg hauv ntau lub xeev. Siv ID thiab kev ntaus nqi rau cov neeg xaiv sib xyaw nrog cov chav tsim kom muaj zog: yuj,: nquag, thiab: ua kom pom tseeb. Piv txwv li, txhawm rau keeb kwm ntawm qhov txuas nrog tus lej cwj pwm ntawm tus nqi ID_DYNAMIC_BACKGROUND kom liab rau lub xeev tsis muaj zog thiab ntsuab nyob hauv lub xeev tau nyob hauv qab tus nas cursor, cov cai hauv qab no yuav tsum tau ntxiv rau daim ntawv style:
A # ID_DYNAMIC_BACKGROUND
{
xim tom qab: # FF0000;
}
A # ID_DYNAMIC_BACKGROUND: yuj
{
xim tom qab: # 00FF00;
}
Koj tuaj yeem ua tib yam los tsim cov keeb kwm yav dhau los nrog daim duab hloov pauv hloov.
