Qhov "header", lossis sab saum toj ntawm nplooj ntawv web, ua rau koj lub xaib tshwj xeeb, tso cai rau nws txawv ntawm lwm tus thiab muaj kev cuam tshuam tshwj xeeb ntawm koj qhov phiaj xwm Internet. Nrog kev pab los ntawm tus thawj thiab ua zoo header, koj tuaj yeem kho thiab ua kom zoo rau txhua lub vev xaib, thiab txhawm rau ua kom lub taub hau koj tus kheej, koj yuav tsum kawm paub yuav ua li cas teeb tsa lub vev xaib no.
Cov Lus Qhia
Kauj ruam 1
Yog tias koj xav kom koj lub xaib muaj lub cev zoo li qub, tas mus li qhov ntev, koj yuav tsum tsim kom muaj lub taub hau zoo li qub uas tsis hloov pauv nyob ntawm qhov hloov pauv ntawm qhov dav ntawm qhov screen. Txheeb xyuas qhov dav thiab qhov siab ntawm cov header (piv txwv li 996x230) thiab ntxig rau cov duab keeb kwm yav dhau los rau hauv qhov thaiv sab saum toj uas siv cov cai CSS hauv qab no, qhov twg header-1.jpg
tom qab: # a6b7d3 url (img / header-1.jpg) tsis muaj rov ua dua;
dav: 996px;
qhov siab: 230px;
} Daim HTML rau lub header ntawm hom no yuav zoo li no:
Kauj ruam 2
Yog tias lub xaib tsim nyob rau hauv txoj kev uas nws qhov ntev tau kho rau qhov dav ntawm lub vijtsam, lub header yuav tsum typeet coj mus rau hauv tus account txhua qhov loj los saib xyuas cov kev daws teeb meem. Qhov siab tshaj plaws ntawm cov kab taub hau no yuav tsum yog 1920 pixels. Txig xws li header, siv CSS code: #header {tom qab: # a6b7d3 url (img / header-2.jpg) tsis muaj qhov rov ua haujlwm; qhov siab: 250px;} Cov code HTML hauv qhov no zoo ib yam li yav dhau los. CSS code tau hloov pauv hauv qee qhov kev txiav txim siab - tam sim no nws muaj ib qho kev ntaus nqi rau lub hauv paus duab cov duab, uas tso cai rau nws kom haum rau tom qab ntawm txhua qhov screen dav.
Kauj ruam 3
Koj tseem tuaj yeem tsim cov ntawv sau ntau dua, txiav rau hauv ob peb keeb kwm yav dhau los, uas yuav hloov lawv txoj haujlwm nyob ntawm seb qhov loj me ntawm kev pom. Lub CSS rau cov ntawv sib txuas lus no yog qhov muaj kev nyuaj ntau thiab dav, thiab koom nrog rov ua ntau qhov keeb kwm yav dhau los raws li qhov ntev ntawm qhov ntev ntawm cov browser qhov rai uas koj lub xaib tuaj yeem pom.