Muaj peev xwm ncab cov duab keeb kwm yav dhau los rau tag nrho qhov dav ntawm lub browser qhov rai siv CSS tsuas yog tshwm sim nrog kev tshaj tawm nws qhov tseeb tshaj tawm tshiab - CSS3. Hmoov tsis zoo, kom deb li deb ntawm ntau lub web surfers siv cov browsers thaum ntxov uas tsis nkag siab qhov CSS3 kev tshwj xeeb. Yog li no, koj yuav tsum xaiv xaiv - siv ib txoj hauv kev yooj yim dua, tab sis hla cov browser daws teeb meem, lossis siv thev naus laus zis, tab sis rau cov neeg tuaj saib tsawg. Cia peb xav txog ob txoj kev xaiv no.
Tsim nyog
Cov txuj ci yooj yim ntawm HTML thiab CSS
Cov Lus Qhia
Kauj ruam 1
Thawj qhov kev xaiv yog raws li ua ntej sau sau npe tshwj xeeb ntawm CSS lus. Koj yuav tsum tsim tus qauv HTML code uas muaj ob txheej txheej txheej, ib qho dhau ib qho. Cov khaubncaws sab nraud povtseg (div) tuaj yeem ncab mus rau qhov dav dav ntawm lub vijtsam hauv cov laus cascading style cov lus piav qhia tshwj xeeb. Hauv qab ntawm txheej txheej koj yuav tsum tso cov duab keeb kwm yav dhau los, thiab nyob rau sab saum toj yuav tso tag nrho cov ntsiab lus ntawm nplooj ntawv. Xws li tus qauv hauv lub cev ntawm daim ntawv yuav zoo li no:
Qhov no yuav yog cov ntsiab lus ntawm nplooj ntawv
Thiab cov lus piav qhia ntawm cov qauv rau cov qauv no yuav tsum tau muab tso rau hauv feem hau. Piv txwv, qhov no:
html, lub cev {
cov npoo: 0px;
qhov siab: 100%;
}
#Muaj Txij Nkawm Neej Thiaj Paub Xaus {
txoj hauj lwm: txog;
dav: 100%;
qhov siab: 100%;
}
#hmoob {
txoj hauj lwm: txog;
dav: 100%;
qhov siab: 100%;
z-Performance index: 2;
}
Ntawm no cov khaubncaws sab nraud povtseg nrog cov keeb kwm yav dhau los ID (qhov no yog koj cov duab keeb kwm yav dhau) thiab lub cev (qhov no yog txheej rau nplooj ntawv cov ntsiab lus) tau teem rau qhov muab tso rau qhov tseeb thiab 100% qhov dav thiab qhov siab. Ib qho ntxiv, txheej txheej txheej yog muab cov ua ntu zus z-Performance index = 2. Nws txiav txim siab qhov "qhov tob" ntawm cov khaubncaws sab nraud povtseg - qhov loj dua nws yog, ntxiv los ntawm "hauv qab" txheej txheej no nyob. Hauv peb qhov xwm txheej, nws yuav nyob sab saud txheej tom qab, uas siv lub z-index ua tsis raug.
Kauj ruam 2
Tus lej tag yuav zoo li no:
html, lub cev {
cov npoo: 0px;
qhov siab: 100%;
}
#Muaj Chaw Nyob Ntuj Qub Qab {
txoj hauj lwm: txog;
dav: 100%;
qhov siab: 100%;
}
#hmoob {
txoj hauj lwm: txog;
dav: 100%;
qhov siab: 100%;
z-Performance index: 2;
}
Qhov no yuav yog cov ntsiab lus ntawm nplooj ntawv
Tsis txhob hnov qab hloov cov duab tom qab cov ntaub ntawv npe fon.png.
Kauj ruam 3
Qhov kev xaiv thib ob yuav siv cov khoom siv tom qab-loj qhia hauv CSS3. Nyob rau tib lub sijhawm, ntxiv cov khoom zoo sib xws rau cov qauv txhais cov qauv uas yav dhau los siv los ntawm browsers Mozilla Firefox, Google Chrome thiab Opera. Cov style piav qhov thaiv hauv cov ntawv no yuav zoo li no:
html {
keeb kwm yav dhau: url (fon.png) tsis muaj-rov tso lub chaw nruab nrawm;
-webkit-keeb kwm yav dhau-loj: npog;
-moz-tom qab-qhov loj: npog;
-o-tom qab-qhov loj: npog;
raws li keeb kwm yav dhau los: npog;
}
Thiab ntawm no tsis txhob hnov qab hloov cov duab keeb kwm yav dhau cov npe fon.png. Thiab nyob rau hauv lub cev ntawm daim ntawv nws tus kheej, tsis muaj kev tsim tshwj xeeb hauv tsab cai no.
