CSS 3 – del 1 – Introduktion

Introduktion till CSS3

Stilmallen – Cascading Style Sheet – är ett kraftfullt verktyg i vårt hemsidebyggande. Att skilja på struktur (HTML) och presentation (CSS) skapar också de bästa förutsättningarna för en standardisering med korrekt syntax. Det vi använder idag är en kombination av specifikationerna CSS level 2.1 och CSS3. I takt med nya och mer avancerade applikationer och ett ökat behov av att utveckla webben som exempelvis HTML5, så följer även CSS samma fotspår. CSS3 är av W3C rekommenderade webbstandarden. Fortsätt ”CSS 3 – del 1 – Introduktion”

CSS referensguide

Här listar jag enbart CSS nivå 1 och 2.1. Vad gäller CSS3 och CSS4 så har de sina egna inlägg om du vill lära dig mer.

Allmänna egenskaper

Fortsätt ”CSS referensguide”

id {data} teckensträng som anger en specifik identitet till ett element
div märkning som omfattar ett block eller element
class märkning som föregås av ett block eller element
span
formaterar en avgränsad del (in-line)
visibility
anger om du vill att något element ska vara osynligt eller ej, ex visible, hidden
overflow
anger hur du vill att innehållet i ex en box ska ”svämma över” med värdet auto, hidden, scroll, visible
display
anger hur du vill att ett element ska formateras med värdet none, block, inline, list-item

Styla dina bilder

Du kanske använder bilder som klickbara länkar? Det vanliga sättet är då att skriva border=”0″ i html-koden. Använder du css ska du naturligtvis låta stilmallen sköta detta istället för att stjäla utrymme i html-koden. Ni som använder xhtml och/eller vill gå över till strict kommer direkt att upptäcka att sidan inte validerar om man inte tar bort det. Fortsätt ”Styla dina bilder”

Systematisk enkel felsökning

Hjälp – sidan vill inte validera eller så har div-blocken hamnat helt fel. Jag ändrade lite i koden och nu är allt förstört!!!

Här har du ett litet ”check-schema” att följa. Jag vill bara poängtera att denna felsökning inte är någon universalmedicin eftersom jag inte vet hur just din sajt ser ut. Se den istället som ett hjälpmedel till att finna eventuella fel du kanske inte vet hur du annars skulle kunnat upptäcka. Fortsätt ”Systematisk enkel felsökning”