CSS "typer"

HTML & CSS

4 svar · 189 visningar · startad av jonne

Medlem sedan jan. 20011 154 inlägg
Trådstart#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.

247 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
122 ms — hämta tråd, inlägg och bilagor (db)
121 ms — ändringar (db)