He aha te rereketanga i waenga i te akomanga whiriwhiri CSS me te id? id me te whakamahi akomanga i roto i te HTML

He aha te rereketanga i waenga i te akomanga whiriwhiri CSS me te id? id me te whakamahi akomanga i roto i te HTML

Ko Chen Weiliange mahi ana i tenei waSEO, arotau i te pae oWordPresskaupapa

Ahakoa kua ako ahau i etahi matauranga taketake HTML me CSS i mua, engari kare ano au i whakahaere mo tetahi wa, ina koa ko te whakamahinga o te waahanga CSS, he ngawari te wareware.

Na, tuhia me te whakarāpopoto i te rereketanga me te whakamahinga o te id kaiwhiriwhiri CSS me te karaehe i konei:

• he rite te id ki #div
• e hāngai ana te akomanga ki te .div

Te rereketanga i waenga i te id me te akomanga

whakaahuatanga id

• Ko te id he tohu tohu, ka whakamahia hei tautuhi i te ahua nui ake i te wharangi paetukutuku, kua tautuhia ki te ahua o #div
• Hei tauira: te wehewehe i nga pou, runga, tinana, raro, aha atu...
• Ka whakamahia ki te tautuhi i tetahi huānga motuhake, ka puta kotahi anake mo ia wharangi, kaore e taea te karanga tonu.

whakaahuatanga akomanga

• Ko te karaehe he roopu ahua, e whakamahia ana ki te tautuhi i nga ahua taipitopito o te wharangi paetukutuku. Kua tautuhia ki te ahua o te .div ka taea te tukurua.
• Hei tauira: he tahua motuhake, he rarangi kuputuhi, etc...
• I te wharangi kotahi, ka taea te karanga i nga wa maha e nga huānga maha

Ko te kaiwhiriwhiri div ake kaore he taonga. Ma te tautuhi i tana css, ka whakahaeretia e ia etahi whakatakotoranga penei i te whanui, teitei, te tae papamuri me te rahi o te kupu o te div.

WhanuiE-tauhokohokopaetukutuku,hanga he paetukutukuKo te wharangi paetukutuku html i hangaia e te kaupapa ko te mohio ki te whakatakotoranga wharangi ma te CSS.

He aha te kaikowhiri?

Ko te whakamaramatanga o ia ahua CSS e 2 nga waahanga:

选择器 {样式}

• Ko te wahanga i mua i te {} ko te "kaiwhiriwhiri".
• Ko te "kaiwhiriwhiri" e tohu ana i te "kāhua" o {} e mahi ana.
• Arā, ko tēhea huānga o te wharangi tukutuku e mahi ai tenei "ahua"?

tauira waehere

Anei me pehea te kowhiri me te hanga i tetahi huānga class="sidebar":

.sidebar
{ 
background-color:black;
}

Anei me pehea te whiriwhiri me te whakaahua i tetahi huānga me te id="footer":

#footer
{ 
background-color:black;
}