Css
Eller Cascading Style Sheets som det egentligen heter skapar möjlighet till formatering av html element. Du kan alltså formatera utseendet på ett element genom att definiera elementet och ge det definitioner i ditt css. Man talar offta om css som externt från html, detta beror på att de flesta sidor inkluderar css genom att länka in en fil med ändelsen .css i <head> delen av sidans html. Det går dock lika bra att skriva css koden rakt i din html fil.
Du fäster css definitioner på 3 olika sätt:
body{} (utan någonting framför -> detta medför att taggen <body> får ärver formateringen)
#page{} (# gör att elementet med id=”page” ärver formateringen)
.link{} (. gör att alla element med class=”link” ärver formateringen)
Det går att använda dessa 3 väga i nivåer hur långt som helst. Så om vi t.ex vill formatera alla taggar <span> som ligger i diven med id=”content” skulle det se ut såhär:
#content span {}
Om du även vill sätta samma formatering på multipla objekt kan du enkelt dela bindningarna med ett ”,” så:
#content span, .link{}
Skulle göra samma som tidigare exempel men även sätta samma formatering på allt som har class=”link”.
När skall man använda class och när skall man använda id:
Eftersom ett id endast får sättas på ett element / sida så är detta ganska enkelt. Har du en formatering som du vill använda på multipla element så skall du använda class. Du kan enkelt tilldela ett element multipla classer genom att göra såhär -> <a class=”class1 class2 class3″>test</a>
En lista över Css-komandon kommer snart!