O le a le eseesega i le va o vasega filifilia CSS ma id? id ma le fa'aoga vasega ile HTML

O le a le eseesega i le va o vasega filifilia CSS ma id? id ma le fa'aoga vasega ile HTML

Chen Weiliango loo faatino neiSeo, fa'alelei le saiteWordPressautu.

E ui lava na ou aʻoaʻoina muamua ni malamalamaga HTML ma CSS, ae ou te leʻi faʻaaogaina mo sina taimi, aemaise lava le faʻaogaina o le vaega CSS, e faigofie ona galo.

O lea, faamaumau ma otooto le eseesega ma le faʻaogaina o le CSS filifilia id ma le vasega iinei:

• id e fetaui ma #div
• vasega e fetaui ma .div

Le eseesega i le va o id ma vasega

fa'amatalaga id

• id o se pine faʻamau, lea e faʻaaogaina e faʻamalamalama ai le sitaili tele i le itulau web, lea e faʻamatalaina i le tulaga o #div
• Mo se faʻataʻitaʻiga: vaevae koluma, pito i luga, tino, lalo, ma isi...
• Fa'aaogaina e fa'amatala ai se elemene fa'apitoa, e na'o le tasi le itulau e mafai ona fa'aalia ma e le mafai ona vala'au fa'afia.

fa'amatalaga vasega

• Vasega o se sitaili vaega, lea e faʻaaogaina e faʻamatala ai sitaili auiliili i luga o le itulau web. E faʻamatalaina i le tulaga o le .div ma e mafai ona toe fai.
• Mo se faʻataʻitaʻiga: se lisi faʻapitoa, se laina o tusitusiga, ma isi...
• I luga o le itulau e tasi, e mafai ona taʻua soo e le tele o elemene

O le div selector lava ia e leai ni mea totino. E ala i le fa'amalamalamaina o lona css, na te pulea ai nisi o fa'atulagaga e pei o le lautele, maualuga, lanu o tua ma le tele o tusitusiga o le div.

LauteleE-pisinisiupegatafa'ilagi,fausia se upega tafa'ilagiO le itulau web html na faia e le polokalame o le iloa lea o le faʻasologa o itulau e ala i le CSS.

O le a le tagata filifilia?

O le faʻamatalaga o sitaili CSS taʻitasi e aofia ai vaega e 2:

选择器 {样式}

• O le vaega i luma o le {} o le "filifiliga".
• O le "filifilia" o lo'o fa'ailoa mai ai le "sili" o {} e fa'atino ai.
• O lona uiga, o le fea elemene o le upega tafaʻilagi e galue ai lenei "siga"?

fa'ata'ita'iga code

O le auala lenei e filifili ai ma fa'ailoga se vaega = "sidebar" elemene:

.sidebar
{ 
background-color:black;
}

O le auala lenei e filifili ai ma faʻapipiʻi se elemene ile id="footer":

#footer
{ 
background-color:black;
}