webForumDet fria alternativet

CSS "typer"

HTML & CSS

4 svar · 186 visningar · startad av jonne

Medlem sedan jan. 20011 154 inlägg
Frågan#1

I css kan man vad jag har sett skriva på 3 olika sätt:

BODY { ... } - Sätter stil på en html tagg
.HeaderBold { ... } - Egendeffinierad klass

sen finns det en variant som sätter # framför.
exv

#boxContent { position: relative; left: -2px; top: -2px; }

Oftast så innehåller de just positionsangivelser. Min fråga är nu var, hur, varför etc man använder denna typen.

Medlem sedan nov. 200013 890 inlägg
#2

Det kallas för ID när man använder sig av #.
Du kan läsa om skillnaderna mellan klasser och ID här:
http://www.w3.org/TR/html4/struct/global.html#h-7.5.2

Medlem sedan jan. 20011 154 inlägg
#3

Aha så att använda # på exv ett lager är igentligen bara ett sätta att lyfta ut positioneringen ur själva lagerkoden.

Vill man sedan ha ett likadant lager på en annan sida så kan man använda samma kod förutsatt att lagret har samma id, eftersom ett id måste vara unikt.

Korrekt?

Medlem sedan nov. 200013 890 inlägg
#4

Det stämmer.

Du kan även ange positionen på ett lager med en klass:

.boxContent {position: relative; left: -2px; top: -2px;}
<div class="boxContent">Lager</div>
Medlem sedan jan. 20011 154 inlägg
#5

Ok då har jag nog uppfattat det hela korrekt.
Tack och bock.

251 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
122 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)