Tshaj tawm cov txheej txheem nrog CSS
Yog tias koj tab tom tsim lub website, tej zaum koj yuav xav kawm txog kev tsim cov duab tom qab los sis cov xov xwm hauv phab web page. Qhov no yog ib qho kev tsim kho kho mob uas tau nrov online nyob rau qee lub sijhawm. Nws yog ib qho cuam tshuam rau hauv koj lub hnab ntim tsim ntawm lub vas sab.
Yog tias koj tsis tau ua qhov no ua ntej los yog sim tau nws yav tas los tsis muaj hmoo, txoj hau kev yuav zoo li kev ntshai, tab sis nws tsis yog qhov nyuaj rau txhua qhov. Nrog txoj kev qhia luv luv no, koj yuav tau txais cov ntaub ntawv koj xav tau los ua kom tiav cov txheej txheem ntawm cov feeb siv CSS.
Pib Tau
Tom qab cov duab los yog cov chaw xa khoom (uas yog cov teeb pom kev zoo nkauj tiag tiag) muaj keeb kwm hauv cov qauv tsim. Cov ntaub ntawv tau ntev nrog cov ntaub ntawv pov thawj rau lawv kom tiv thaiv tau lawv los ntawm kev luam. Tsis tas li ntawd, ntau daim flyers thiab cov ntawv qhia siv cov keeb kwm yav dhau los ua ib feem ntawm cov qauv siv rau cov ntawv luam tawm. Web tsim tau ntev txhawj xeeb los ntawm cov ntawv luam tawm thiab cov duab tom qab yog ib qho ntawm cov ciaj ciam no.
Cov dluab tom qab loj no yooj yim los tsim kev siv cov nram qab no peb CSS style cov khoom:
- tom qab duab
- tom qab rov ua dua
- tom qab txuas
- tom qab-me me
Tom qab-Duab
Koj yuav siv cov duab tom qab los txheeb xyuas cov duab uas yuav siv los ua koj tus watermark. Cov style no tsuas yog siv txoj hauv kev los thauj cov duab uas koj muaj nyob rau hauv koj lub vev xaib, tej zaum yuav muaj nyob rau hauv ib phau ntawv hu ua "images."
tom qab duab: url (/images/page-background.jpg);
Nws yog ib qho tseem ceeb tias daim duab nws tus kheej yog sib dua los yog ntau tshaj li qhov qub duab. Qhov no yuav tsim qhov "watermark" saib nyob rau hauv ib qho duab uas pom ib sab ntawm cov ntawv nyeem, cov duab, thiab lwm yam tseem ceeb ntawm cov nplooj ntawv web. Yog tsis muaj kauj ruam no, cov duab tom qab yuav sib tw nrog cov lus qhia ntawm koj nplooj ntawv thiab ua kom nyeem ntawv tsis yooj yim.
Koj tuaj yeem kho tom qab duab hauv txhua qhov kev pabcuam xws li Adobe Photoshop.
Tom Qab-Rov Qab
Tom qab rov tso khoom tuaj tom ntej. Yog tias koj xav tau koj daim duab los ua ib lub dav hlau loj-style, koj yuav siv qhov cuab yeej no kom cov duab ntawd qhia ib zaug xwb.
tom qab rov tso: tsis rov-tso rov;
Tsis muaj qhov "tsis-rov" khoom, lub neej ntawd yog tias daim duab yuav rov ua dua nyob ntawm nplooj ntawv. Qhov no yog tsis zoo nyob rau hauv feem ntau niaj hnub web page designs, yog li no style yuav tsum tau pom tias tseem ceeb hauv koj CSS.
Background Attachment
Tom qab txuas-yog ib qho khoom ntiag tug uas tsim muaj ntau lub web tsim tawm. Siv nws siv koj cov duab tom qab tas rau qhov chaw thaum koj siv cov cuab yeej "ruaj". Nws yog dab tsi hloov qhov duab rau hauv lub tshav puam uas ntim rau hauv nplooj ntawv.
Qhov nqi pheej yig rau qhov khoom no yog "scroll." Yog tias koj tsis txhob 't qhia tus nqi tom qab, daim keeb kwm yav dhau yuav mus nrog rau sab nraud ntawm nplooj ntawv.
tom qab txuas ntxiv: tsau;
Background-Qhov Coob
Tom qab-me me yog ib qho cuab yeej CSS tshiab. Nws tso cai rau koj los tsim qhov loj ntawm ib tus zus raws li saib nws tau saib nyob rau hauv. Qhov no yuav pab tau rau cov ntawv teb uas yuav tuaj yeem pom ntau qhov sib txawv ntawm qhov sib txawv .
tom qab-qhov loj: npog;
Ob lub tswv yim tseem ceeb uas koj siv tau rau cov cuab yeej no muaj xws li:
- Npog - Txo cov keeb kwm yav dhau los kom tag nrho qhov siab dav los yog tag nrho qhov siab pom. Qhov no txhais tau hais tias qee qhov ntawm daim duab yuav tsis tshwm sim hauv kev npau taws tab sis tias tag nrho cheeb tsam yuav raug them.
- Muaj - Taw cov duab kom tag nrho tag nrho qhov dav thiab qhov siab tau qhia nyob rau hauv cheeb tsam ua styled. Daim duab tsis raug txiav tawm, tab sis qhov downside yog qhov chaw ntawm thaj chaw yuav tsis raug them los ntawm daim duab.
Ntxiv CSS rau Koj Cov Page
Tom qab koj to taub txog cov khoom saum toj no thiab lawv qhov tseem ceeb, koj tuaj yeem tau cov yeeb yam no ntxiv rau koj lub vev xaib.
Ntxiv cov hauv qab no rau lub taub hau ntawm koj qhov web page yog tias koj ua ib qhov chaw ib zaug. Ntxiv rau CSS hom ntawm ib daim ntawv ntaus sab nraud yog tias koj tab tom tsim ib lub vev xaib thiab xav ua kom zoo dua ntawm daim ntawv sab nraud.