Menene bambanci tsakanin ajin zaɓen CSS da id? id da kuma amfani da aji a cikin HTML

Menene bambanci tsakanin ajin zaɓen CSS da id? id da kuma amfani da aji a cikin HTML

Chen Weiliangkashe kwanan nanSEO, inganta shafinWordPressjigo.

Ko da yake na koyi wasu mahimman ilimin HTML da CSS a baya, amma ban yi aiki da shi ba na ɗan lokaci, musamman amfani da ɓangaren CSS, yana da sauƙin mantawa.

Don haka, yi rikodin kuma taƙaita bambanci da amfani da ID da aji na CSS a nan:

• id yayi daidai da #div
• aji yayi daidai da .div

Bambanci tsakanin id da class

bayanin id

• id shine kafaffen tag, wanda ake amfani dashi don ayyana mafi girman salo a cikin shafin yanar gizon, wanda aka bayyana ta hanyar #div
• Misali: raba ginshiƙai, sama, jiki, ƙasa, da sauransu...
• Ana amfani da shi don ayyana takamaiman yanki, wanda zai iya bayyana sau ɗaya kawai a kowane shafi kuma ba za a iya kiransa akai-akai ba.

bayanin aji

• Class rukuni ne na salo, wanda ake amfani da shi don ayyana cikakken salo a cikin shafin yanar gizon.An bayyana shi ta hanyar .div kuma ana iya maimaita shi.
• Misali: takamaiman menu, layin rubutu, da sauransu...
• A kan wannan shafi, ana iya kiran shi akai-akai ta abubuwa da yawa

Div selector da kansa ba shi da kaddarorin ta hanyar ayyana css ɗin sa, yana sarrafa wasu shimfidu kamar faɗin, tsayi, launi na baya da girman rubutun div.

JanarE-kasuwancigidan yanar gizo,gina gidan yanar gizoShafin yanar gizo na html wanda shirin ya samar shine fahimtar shimfidar shafi ta hanyar CSS.

Menene mai zaɓe?

Ma'anar kowane salon CSS ya ƙunshi sassa 2:

选择器 {样式}

• Bangaren da ke gaban {} shine "mai zaɓe".
• "Mai zaɓe" yana nuna "style" na {} wanda yake aiki dashi.
• Wato akan wane bangare na shafin yanar gizon wannan "style" ke aiki?

misali code

Anan ga yadda ake zaɓe da kuma salo nau'in nau'in class="sidebar":

.sidebar
{ 
background-color:black;
}

Anan ga yadda ake zaɓe da salon salo tare da id="ƙafa":

#footer
{ 
background-color:black;
}