Cûdahiya di navbera çîna hilbijêrê CSS û id de çi ye? bikaranîna id û pola di HTMLê da

Cûdahiya di navbera çîna hilbijêrê CSS û id de çi ye? bikaranîna id û pola di HTMLê da

Chen Weiliangniha îdam dikeSEO, malperê xweş bikinWordPressmijad.

Her çend ez berê hin zanyariyên bingehîn ên HTML û CSS-ê fêr bûm, lê min ew demek dirêj xebitand, nemaze karanîna beşa CSS, ji bîr kirin hêsan e.

Ji ber vê yekê, cûdahî û karanîna nasname û pola hilbijêrê CSS-ê li vir tomar bikin û kurt bikin:

• id bi #div re têkildar e
• çîn bi .div re têkildar e

Cûdahiya di navbera id û polê de

danasîna nasnameyê

• id etîketek sabît e, ku ji bo danasîna şêwaza mezintir di rûpela malperê de, ku di forma #div de hatî destnîşan kirin, tê bikar anîn.
• Mînakî: dabeşkirina stûnan, jor, laş, binî, hwd...
• Ji bo danasîna hêmanek taybetî tête bikar anîn, ku tenê dikare her rûpelê carekê xuya bibe û nayê dubare kirin.

danasîna polê

• Class komek şêwaz e, ku ji bo diyarkirina şêwazên hûrgulî di rûpela malperê de tê bikar anîn, bi awayê .div tê destnîşankirin û dikare were dubare kirin.
• Mînakî: menuyek taybetî, rêzek nivîsê, hwd...
• Di heman rûpelê de, ew dikare çend caran ji hêla gelek hêmanan ve were gazî kirin

Hilbijêra div bi xwe xwedan taybetmendî nîn e.Bi diyarkirina css-a xwe, hin layoutan wekî firehî, bilindahî, rengê paşxanê û mezinahiya nivîsê ya div-ê kontrol dike.

GiştîE-bazirganîmalper,malperek ava bikinMalpera malperê ya html-ê ku ji hêla bernameyê ve hatî çêkirin ev e ku bi navgîniya CSS-ê ve sêwirana rûpelê rast bike.

Hilbijêr çi ye?

Danasîna her şêwazê CSS ji 2 beşan pêk tê:

选择器 {样式}

• Beşa beriya {}-ê "hilbijêr" e.
• "Hilbijêr" "şêwaza" ya {} ya ku jê re tevdigere nîşan dide.
• Ango, ev "şêwe" li ser kîjan hêmanê rûpela malperê dixebite?

mînaka kodê

Li vir e ku meriv çawa hêmanek class = "sidebar" hilbijêrin û şêwaz bike:

.sidebar
{ 
background-color:black;
}

Li vir e ku meriv çawa bi id = "footer" re hêmanek hilbijêre û şêwaz dike:

#footer
{ 
background-color:black;
}