DIV ID SPAN och CLASS - hur gör jag?
Du har säkert sett på många hemsidor hur plötsligt texten mitt i en mening kan ändra färg och storlek, eller att man använder samma boxar flera gånger på samma sida trots att Du säkert vet att man inte kan använda ett unikt ID mer än en gång per dokument. Hur fungerar då allt detta?
DIV märkningen omfattar alltid ett begränsat område, men det är Du som bestämmer hur stort detta område ska vara. För att veta vilket område du vill begränsa använder man sig av ett ID - ett unikt namn. Det här ID får då bara förekomma en gång per dokument.
En annan bra märkning som kan kopplas till det mesta är class. Detta är ett bra attribut om du vill skapa boxar som ska återkomma på din sida. Vad du gör då är att skapa en class-märkning i din cssmall:
.box {width:300px;}
Självfallet kan du skriva in fler egenskaper för boxen inom klamrarna.
Det är när vi ska lägga ut html-koden vi ser att det ska handla om ett avgränsat område i din DIV:
<div class="box">lite innehåll i boxen<div></div></div>
Class attributet kan med fördel även användas på text. Då tar du bort DIV och sätter dit p istället:
<div class="box">class="text">lite text</div>
värdet för texten skriver du in i din cssmall så här:
.text {color:#ccc; font:11px/150% arial,verdana, serif;}
När vi ändå talar om text kan man med span märkningen också avgränsa en del av texten. Genom att till exempel kapsla in texten mellan span attributet och lägga till class=”text” får du den att kunna se ut så här om du inte hellre tycker om röd text vill säga.
Du använder span så här i html-koden:
<span class="text">lite färgad text</span>
Faktum är att class är ett “hjälp-attribut” kan man säga. Med class värdet kan du styla din hemsida väldigt mycket. Class märkningen kan även användas på dina tabeller, mailformulär osv.
(No Ratings Yet)
Loading ...