Yuav Ua Li Cas Thiaj Ua Rau Daim Ntawv Qhia Zaub Mov Nco

Cov txheej txheem:

Yuav Ua Li Cas Thiaj Ua Rau Daim Ntawv Qhia Zaub Mov Nco
Yuav Ua Li Cas Thiaj Ua Rau Daim Ntawv Qhia Zaub Mov Nco

Video: Yuav Ua Li Cas Thiaj Ua Rau Daim Ntawv Qhia Zaub Mov Nco

Video: Yuav Ua Li Cas Thiaj Ua Rau Daim Ntawv Qhia Zaub Mov Nco
Video: Tsis Muaj Peev Xwm Yuav Ua Li Cas 2024, Hlis ntuj nqeg
Anonim

Cov ntawv qhia zaub mov zoo poob qis tuaj yeem tsim tsis tsuas hauv JavaScript, tab sis kuj tseem siv cov cim HTML dhau los. Txoj kev no ntawm kev tsim cov ntawv qhia zaub mov poob qis yuav muaj txiaj ntsig zoo rau cov neeg uas nyuam qhuav pib lawv thawj kauj ruam hauv kev tsim cov chaw thiab xav ua kom yooj yim txoj haujlwm ntawm kev tsim cov menus ntawm nplooj ntawv

Yuav ua li cas thiaj ua rau lub tshuab raj nco
Yuav ua li cas thiaj ua rau lub tshuab raj nco

Cov Lus Qhia

Kauj ruam 1

Nyob rau hauv HTML code, xws li cov ntawv qhia zaub mov yog cov npe uas tsis sau npe nrog cov npe zes hauv. Txhawm rau pib, tsim cov ntaub ntawv style.css thiab luam cov CSS cov cai hauv qab no rau qhov style thiab tsim cov ntawv qhia zaub mov:

#nav, #nav ul {

npe-style: tsis muaj;

cov npoo: 0;

padding: 0;

ciam teb: 1px tawv # 000;

tom qab: # 515151;

ntab: laug;

dav: 100%;

}

#nav lis {

ntab: laug;

txoj hauj lwm: tus txheeb ze;

xim tom qab: # 003366;

rov qab / av: tsis muaj;

}

#nav lis ul {

zaub: tsis muaj;

txoj hauj lwm: txog;

xim tom qab: # 003366;

padding: 8px 0;

dav: 138px;

}

Kauj ruam 2

Tam sim no peb yuav tsum ntxiv qee qhov kev kho kom zoo nkauj rau cov ntawv qhia khoom. Txheeb qhov dav thiab qhov siab rau lawv, tshem cov kab hauv qab, teeb tsa qhov dav rau txhua qhov txuas, thiab qhia cov xim tom qab uas xav tau.

Kauj ruam 3

Rau tag nrho cov kev hloov pauv no, ntxiv cov cai hauv qab no rau cov ntawv:

#nav ib {

xim: #fff;

kho kom zoo nkauj ntawv: tsis muaj;

tso saib: thaiv;

dav: 120px;

padding: 4px 10px;

xim tom qab: # 003366 rov-y txoj cai;

}

#nav a: yuj {

xim: # 000;

xim tom qab: # 0033FF;

}

#nav lis: yuj {

xim tom qab: # 333333;

}

Tom qab ntawd ntxiv cov hauv qab no ntawm cov code kom kawg rau cov ntawv qhia zaub mov:

#nav lis: yuj lis ul {

zaub: tsis muaj;

dav: 138px;

saum: -9px;

laug: 133px;

}

#nav lis: yuj lis: yuj ul {

tso saib: thaiv;

}

Kauj ruam 4

Hauv cov HTML version, daim ntawv teev cov zaub mov tsis raug xaiv zoo li qhov no - ntawm nws cov hauv paus, cov ntawv qhia zaub mov yog tsim, uas tau hais hauv tsab xov xwm.

  • Tsev
  • Ntawv Tshawb Nrhiav

    • Txhua yam khoom

      • Txog hnub tim
      • Cov Neeg Tsim Khoom
      • Lwm yam

Pom zoo: