Blog Posts Feed (RSS)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 ...Relaterade poster
Vill Du - Lämna en kommentar?
För den delen behöver man inte märka upp allt med classer.
Säg att man har ett block med id “content” och fler element under där:
???r^?X?zw?????!?+m???v???m??ly?~????^?? $??{^??(????????}t??]?x5?[??^?Zq??bwb??(???????)?z{u??{^??b??)jw(???y
Det förutsätter ju givetvis att man har klart för sig vad man gör och att strukturen är återkommande.
Comment
För den delen behöver man inte märka upp allt med classer.
Säg att man har ett block med id “content” och fler element under där:
hej och hå, en liten fin text och mitt i en annan text och sedan fortsätter det.
#content {…}
#content div {margin: 10; padding:10px; border: 1px solid white;}
#content div p {text-indent: 10px; }
#content div p span {color: red;}
Det förutsätter ju givetvis att man har klart för sig vad man gör och att strukturen är återkommande.
Comment
Hej Jonas,
Visst har du rätt. Men om man nu vill använda sig av samma classer på samma sida istället för unika ID:n så faller ju hela din idé. Använder du ett unikt ID (div) från din css och skriver om det till en vanligt class i html-kodningen så får du inte längre samma värden som om du hade skapat ett class-attribut, och vice versa. ID är bra, absolut, men classmärkningen är inte heller att rynka näsan åt.
Comment
RSS feed for comments on this post. TrackBack URL