Phapano ke efe lipakeng tsa sehlopha sa khethang sa CSS le id? id le tšebeliso ea sehlopha ho HTML

Phapano ke efe lipakeng tsa sehlopha sa khethang sa CSS le id? id le tšebeliso ea sehlopha ho HTML

Chen Weiliange etsoang hajoaleSEO, ntlafatsa sebaka sa marang-rangWordpresssehlooho.

Le hoja ke ithutile tsebo ea motheo ea HTML le CSS pele, empa ha ke e-s'o e sebelise ka nakoana, haholo-holo karolo ea tšebeliso ea karolo ea CSS, ho bonolo ho lebala.

Kahoo, rekota le ho akaretsa phapang le ts'ebeliso ea id le sehlopha sa CSS mona:

• id e tsamaisana le #div
• sehlopha se lumellana le .div

Phapang lipakeng tsa ID le sehlopha

tlhaloso ea id

• id ke tag e tsitsitseng, e sebelisetsoang ho hlalosa setaele se seholo leqepheng la webo, se hlalosoang ka mokhoa oa #div.
• Mohlala: ho arola litšiea, holimo, 'mele, tlase, joalo-joalo...
• E sebedisetswa ho hlalosa elemente e itseng, e ka hlahang hang feela leqepheng le leng le le leng mme e ke ke ya bitswa kgafetsa.

tlhaloso ea sehlopha

• Sehlopha ke sehlopha sa setaele, se sebelisetsoang ho hlalosa mekhoa e felletseng leqepheng la tepo. E hlalosoa ka mokhoa oa .div mme e ka phetoa.
• Mohlala: lenane le itseng, mola oa mongolo, joalo-joalo...
• Leqepheng le le leng, e ka bitsoa khafetsa ka likarolo tse ngata

Div selector ka boeona ha e na thepa.Ka ho hlalosa css ea eona, e laola meralo e meng joalo ka bophara, bophahamo, bokamorao ba 'mala le boholo ba mongolo oa div.

KakaretsoKhoebo ea inthanetewebosaete,haha sebaka sa marang-rangLeqephe la webo la html le hlahisoang ke lenaneo ke ho hlokomela sebopeho sa leqephe ka CSS.

Mokhethi ke eng?

Tlhaloso ea mofuta o mong le o mong oa CSS e na le likarolo tse peli:

选择器 {样式}

• Karolo e ka pele ho {} ke "mokhethi".
• "Khetho" e bontša "mokhoa" oa {} eo e sebetsang ho eona.
• Ke hore, "setaele" see se sebetsa ho karolo efe ea leqephe la tepo?

mohlala oa khoutu

Mona ke mokhoa oa ho khetha le ho seta sehlopha = "sidebar" element:

.sidebar
{ 
background-color:black;
}

Mona ke mokhoa oa ho khetha le ho seta element ka id="footer":

#footer
{ 
background-color:black;
}