Ua ib tug kab rov tav ntawv qhia zaub mov rau lub site koj tus kheej

Kab rov tav ntawv qhia zaub mov muaj yuav luag txhua qhov chaw - nws yog ib qho tseem ceeb ib feem, raws li nws tau nrog nws cov tsos thiab usability nyiam los yog, conversely, hem deb qhua. Cia peb kawm yuav ua li cas los tsim ib lub tsev kab rov tav ntawv qhia zaub mov: ua rau nws "lub cev pob txha" mus HTML, lug tau sai dlua lub kev txawj ntawm txoj kev. Koj muaj peev xwm nrhiav tau ib tug npaj txhij ntawv qhia zaub mov, tab sis ntau nicer kawm yuav ua li cas los tsim nws tus kheej. Nws tseem zoo nkauj lom zem.

Kawm kom ua zaub mov

Peb tsis txhob thim ntawm lub semantics, uas ua raws li cov ua nuj nqis ntawm lub teeb. Ua ntej koj yuav mus ua ib tug "cev pob txha" rau peb cov ntawv teev rau HTML, kawm kev txawj ua kom lawv tus kheej kab rov tav menus. Thiab ces nws yuav kho, siv style los xij. Cia peb kab rov tav ntawv qhia zaub mov muaj 5 yam khoom. Tus thawj yam khoom yuav tau redirected mus rau lub homepage. Qhov thib ob point - "Hais txog peb". Qhov thib peb - "Peb awards". Plaub - "Nws yog kev lom zem." Fifth - "Tiv tauj peb".

HTML-code zoo li no:

Leej twg tsis paub: ul tag yog siv rau cov mos txwv, nws hais pib nrog lub lis. Li cim npe tau lub yeej uas yog siv mus rau lub ul.

Ul - thaiv caij ntawm daim ntawv teev, nws yuav tsum tau ncav us txog rau lub dav. Li no kuj yog ib ntu.

Yog li ntawd, tsim tau ib index.html. Peb sau peb code. Thaum no tus taw tes, lub browser qhia ib ntsug ntau dua li ib kab rov tav ntawv qhia zaub mov. Tab sis peb nrog koj lub hom phiaj - los ua ib tug kab rov tav ntawv qhia zaub mov rau lub site. Rau no peb yuav tsum tau CSS.

Yuav ua li cas yog CSS?

Yog hais tias koj muaj tsis tau lug tau sai dlua txoj kev loj hlob ntawm qhov chaw, nws yog tsim nyog mus ntsib cov lub tswvyim ntawm kev lam Style ntawv. Nyob rau hauv qhov tseeb, cov no yog cov kev cai rau formatting, ua, uas yog siv rau txawv hais rau cov nplooj ntawv ntawm ib lub web-site. Yog hais tias peb piav qhia txog lub zog ntawm cov ntsiab nyob rau hauv tus qauv HTML, koj yuav tau rov qab ua li no ob peb lub sij hawm, koj yuav tau ib Individuals ntawm tib daim kev cai. page load lub sij hawm nyob rau hauv tus neeg siv lub computer yuav loj hlob tuaj. Kom tsis txhob no, muaj ib tug CSS. Nws suffices mus piav qhia ib zaug xwb ib tug tej yam lub caij, thiab ces cias qhia rau qhov twg siv cov khoom ntawm ib tug style. Nws yog ua tau kom qhov kev piav qhia ntawm tsis tsuas yog cov ntawv nyeem ntawm nplooj nws tus kheej, tab sis kuj nyob rau hauv lwm cov ntaub ntawv. Qhov no yuav tso cai rau mus thov qhov kev piav qhia ntawm qhov sib txawv yeej rau tag nrho cov nplooj ntawv ntawm qhov chaw. Nws tseem yog yooj yim yuav hloov tau ib co nplooj ntawv, modifying CSS-cov ntaub ntawv. Style los xij cia koj mus ua hauj lwm nrog fonts rau ib tug zoo dua npaum li cov HTML, pab kom tsis txhob ntsuas lub graphics nplooj ntawv hauv lub site.

Siv Style ntawv rau zaub mov kev loj hlob

CSS-code rau cov ntawv qhia zaub mov:

1. # My_1menu {daim ntawv teev-style: All; padding: 6; dav: 800px; paj tau paj: nws pib;}
2. # My_1menu li {float: left; font: qaij 18px Arial;}
3. # My_1menu ib tug {xim: # 756; zaub: thaiv; qhov siab: 55px; kab-qhov siab: 55px; padding: 0px 15px 0px 15px; tom qab: #dfc; ntawv-kho kom zoo nkauj: All;}
4. # My_1menu ib tug: yuj {xim: #foa; tom qab: # 788;}

Tam sim no cia saib lub resulting kab rov tav CSS ntawv qhia zaub mov.

# My_1menu - thiaj li muaj style ntus rau UL- caij nrog id = my_1menu, daim ntawv teev-style: All - qhov no hais kom ua los tshem tawm cov qhab nia sab laug los ntawm cov teem khoom.

dav: 800px - lub dav ntawm peb cov zaub mov yog 800 pixels.

padding: 0 - qhov no tshem tawm hauv lub padding hauv.

paj tau paj: auto - vyravnivnie kab rov tav ntawv qhia zaub mov rau ntawm qhov chaw ntawm peb cov nplooj ntawv.

# My_1menu li - muab yeej li-hais.

qhov siab: 55px - zaub mov qhov siab.

# My_1menu ib tug: yuj - muab yeej caij thiab thaum nws yog ntxias nas.

Peb yuav tsis piav qhia txog nyob rau hauv kom meej txhua txhua kab, raws li txhua txhua tsim tawm yuav hais kom meej nws tsis nyob ntawm no. Qhov no paus rau kev siv ntawm yeej nyob rau hauv cov zaub mov nyob rau hauv lub website. Koj muaj peev xwm muab nws ib tug ntau lawm thiab zoo nkauj tsos, siv duab. Muab caij tab sis, piv txwv li, tom qab: url (img1.png) rov qab ua-x. Cia muaj tom qab: url (img2.png) rov qab ua-x rau ib tug: yuj.

Siv koj lub tswv yim, muaj tswv yim nyiam. Ces raws li lawv paub tias yuav ua li cas rau tsim ib tug yooj yim qhia zaub mov rau cov website, koj muaj peev xwm tsim ib nplooj ntawv nrog rau nws tus kheej cim tsim.