Kuna tofauti gani kati ya darasa la kichaguzi cha CSS na kitambulisho? id na matumizi ya darasa katika HTML

Kuna tofauti gani kati ya darasa la kichaguzi cha CSS na kitambulisho? id na matumizi ya darasa katika HTML

Chen Weilianginayotekelezwa kwa sasaSEO, boresha tovutiWordPressmandhari.

Ingawa nimejifunza maarifa ya kimsingi ya HTML na CSS hapo awali, lakini sijaiendesha kwa muda, haswa utumiaji wa sehemu ya CSS, ni rahisi kusahau.

Kwa hivyo, rekodi na muhtasari wa tofauti na utumiaji wa kitambulisho cha kichaguzi cha CSS na darasa hapa:

• kitambulisho kinalingana na #div
• darasa linalingana na .div

Tofauti kati ya kitambulisho na darasa

maelezo ya kitambulisho

• id ni lebo maalum, ambayo hutumika kufafanua mtindo mkubwa zaidi katika ukurasa wa wavuti, ambao umefafanuliwa katika mfumo wa #div.
• Kwa mfano: kugawanya safu wima, juu, mwili, chini, n.k...
• Inatumika kufafanua kipengele maalum, ambacho kinaweza kuonekana mara moja tu kwa kila ukurasa na hakiwezi kuitwa mara kwa mara.

maelezo ya darasa

• Darasa ni kikundi cha mtindo, ambacho hutumika kufafanua mitindo ya kina katika ukurasa wa wavuti. Inafafanuliwa katika mfumo wa .div na inaweza kurudiwa.
• Kwa mfano: menyu maalum, mstari wa maandishi, nk...
• Katika ukurasa huo huo, inaweza kuitwa mara kwa mara na vipengele vingi

Kiteuzi cha div chenyewe hakina sifa. Kwa kufafanua css yake, inadhibiti baadhi ya mipangilio kama vile upana, urefu, rangi ya mandharinyuma na saizi ya maandishi ya div.

JumlaBiashara ya kielektronikitovuti,tengeneza tovutiUkurasa wa wavuti wa html unaozalishwa na programu ni kutambua mpangilio wa ukurasa kupitia CSS.

Kiteuzi ni nini?

Ufafanuzi wa kila mtindo wa CSS una sehemu 2:

选择器 {样式}

• Sehemu iliyo kabla ya {} ni "kichaguzi".
• "Kiteuzi" kinaonyesha "mtindo" wa {} ambacho kinaifanyia kazi.
• Hiyo ni, "mtindo" huu hufanya kazi kwenye kipengele gani cha ukurasa wa wavuti?

mfano wa kanuni

Hivi ndivyo jinsi ya kuchagua na kutengeneza kipengee cha darasa="sidebar":

.sidebar
{ 
background-color:black;
}

Hivi ndivyo jinsi ya kuchagua na kutengeneza kipengee kwa id="footer":

#footer
{ 
background-color:black;
}