Zein da CSS hautatzaile klasearen eta idaren arteko aldea? id eta klaseen erabilera HTMLn

Zein da CSS hautatzaile klasearen eta idaren arteko aldea? id eta klaseen erabilera HTMLn

Chen Weiliangune honetan exekutatzenSEO, optimizatu guneaWordPressgaia.

Lehenago HTML eta CSS oinarrizko ezagutza batzuk ikasi baditut ere, baina denbora luzez ez dut funtzionatu, batez ere CSS zatiaren erabilera, erraza da ahazten.

Beraz, grabatu eta laburbildu CSS hautatzailearen id eta klasearen aldea eta erabilera hemen:

• id #div-ri dagokio
• klaseari dagokio .div

Id eta klasearen arteko aldea

id deskribapena

• id etiketa finko bat da, web-orrian estilo handiagoa definitzeko erabiltzen dena, #div moduan definitzen dena
• Adibidez: zutabeak banatzea, goia, gorputza, behea, etab...
• Elementu zehatz bat definitzeko erabiltzen da, orrialde bakoitzeko behin bakarrik ager daitekeena eta ezin dena behin eta berriz deitu.

klasearen deskribapena

• Class estilo talde bat da, web-orrian estilo zehatzak definitzeko erabiltzen dena.Div forman definitzen da eta errepika daiteke.
• Adibidez: menu zehatz bat, testu-lerro bat, etab...
• Orrialde berean, hainbat elementuren bidez behin eta berriz dei daiteke

Div hautatzaileak berez ez du propietaterik. Bere css definituz, diseinu batzuk kontrolatzen ditu, hala nola div-aren zabalera, altuera, atzeko planoaren kolorea eta testuaren tamaina.

GeneralMerkataritza elektronikoawebgunea,webgune bat eraikiProgramak sortutako html web orria CSS-k inplementatzen du orriaren diseinua gauzatzeko.

Zer da hautatzailea?

CSS estilo bakoitzaren definizioak 2 atal ditu:

选择器 {样式}

• {}-ren aurreko zatia "hautatzailea" da.
• "Hautatzaileak" zein {}-ren "estiloa" adierazten du.
• Hau da, web orriaren zein elementutan funtzionatzen du "estilo" horrek?

kodearen adibidea

Hona hemen class="sidebar" elementu bat nola hautatu eta estiloa:

.sidebar
{ 
background-color:black;
}

Hona hemen elementu bat id="footer"-rekin nola hautatu eta estiloa:

#footer
{ 
background-color:black;
}