Qhov kev tso kawm ntawm cov khoom ntawm nplooj ntawv web yog qhov tseem ceeb rau nws cov qauv tsim txhua yam. Txawm tias muaj lwm txoj hau kev los cuam tshuam qhov kev teeb tsa, xws li siv cov ntxhuav ( uas peb tsis pom zoo ), qhov zoo tshaj yog siv CSS .
Hauv qab no, peb yuav ua tib zoo saib yuav ua li cas siv ib qho yooj yim CSS style hauv-kab vaj tse kom txhim kho cov duab, cov rooj, cov lus, thiab ntau dua.
Lus Cim: Cov tib txoj kev no tuaj yeem siv rau sab nraud cov ntawv txheeb ze tab sis vim cov ntawv siv rau cov khoom ntiag tug thiab tseem yuav tsum tau nyob li ntawd, nws yog qhov zoo tshaj plaws los siv rau hauv kab styling zoo li qhov tau hais hauv qab no.
Dlhos Cov Qauv Tshooj
Cov ntawv teev npe yog thawj qhov chaw pib tawm hauv koj qhov web page. Nws qhib thiab kaw cov cim npe zoo li no:
Lub sijhawm ua haujlwm nyob rau hauv pawg lus yog nyob rau sab laug ntawm nplooj ntawv, tiam sis koj tuaj yeem kho koj cov lus rau sab xis thiab qhov chaw.
Siv cov ntab nplhaib cia koj los ua ke cov ntawv rau sab xis lossis sab laug ntawm niam txiv lub npe. Lwm cov ntsiab hauv cov niam txiv lub npe yuav khiav ntawm cov ntab.
Yuav kom tau txais cov txiaj ntsim zoo tshaj plaws nrog ib pawg, nws yog qhov zoo tshaj kom teem ib lub dav rau ntawm pawg lus uas me dua lub thawv (niam txiv).
Dlhos Cov Ntawv Teev Tseg
Arguably, feem ntau nthuav cov ntawv rau cov ntawv nyeem yog "justify," uas qhia qhov browser mus tso saib cov ntawv nyeem, zoo tib yam, rau ob sab xis thiab sab sab ntawm lub qhov rais.
Kom thiaj nrhiav tau cov ntawv nyeem hauv ib pawg lus, koj yuav siv cov cuab yeej ntawm cov ntawv nyeem.
Koj tseem tuaj yeem kho tag nrho cov ntawv hauv ib pawg lus rau sab xis los yog sab laug (lub neej ntawd), siv cov cuab yeej ntawm cov ntawv nyeem.
Cov cuab yeej text-align yuav dlhos cov ntawv hauv lub ntsiab lus. Technically, nws tsis yuav dlhos cov dluab uas muaj nyob rau hauv cov pawg lus los yog lwm lub caij, tab sis cov browsers feem ntau kho cov duab li hauv inline rau cov cuab yeej no.
Aligning Images
Siv cov khoom ntab rau ntawm daim duab lossis koj tuaj yeem txhais tau qhov kev tso kawm ntawm cov dluab nyob rau sab ntawv thiab cov ntawv nyeem yuav qhwv lawv li cas.
Ib yam li cov lus saum toj no, cov cuab yeej ntab nyob hauv daim duab daim duab yuav tso koj daim duab rau ntawm nplooj ntawv thiab qhia qhov browser yuav nhov phau ntawv thiab lwm cov ntsiab lus ntawm cov duab ntawd.
Cov ntawv tom qab cov duab saum toj no yuav ntws ncig ntawm daim duab mus rau sab xis raws li daim duab qhia rau sab laug ntawm qhov screen.
Yog tias kuv xav tau cov ntawv nyeem kom tsis txhob hla ncig daim duab, kuv siv cov cuab yeej cuab tam:
Txheej Txheem Tshaj Plaws Tshaj Plig Tshaj
Txawm li cas los xij, yog tias koj xav ua kom ntau tshaj li ib pawg lus los yog tus duab? Koj tsuas yog muab ib qho cuab yeej ntawm cov khoom hauv txhua pawg lus, tab sis muaj ib daim ntawv uas koj siv tau uas zoo tshaj:
Tsuas nrhav cov ntawv nyeem thiab cov duab (nrog rau cov cim HTML ) nrog cov cim thiab cov cuab yeej style (float lossis text-align) thiab txhua yam hauv qhov kev faib ntawd yuav mus raws li koj xav tau.
Nco ntsoov tias cov ntawv sib dhos ntxiv rau cov lus los yog cov duab nyob rau hauv qhov kev faib yuav tau txais txiaj ntsig, ua kom tiav ntawm daim pib.