Video: Squib Webbyrå i Göteborg | Smart Webbdesign 2025
Externa stilarkar är filer utanför (men länkade till) HTML-sidor som levererar stil och layout till webbsidor. Cascading stilark är ett exempel på externa stilark. Följande är anledningar till att inkludera externa stilark på dina webbsidor är bra:
-
CSS-format är mycket kraftfullare än äldre, HTML-baserade verktyg för siddesign. Till exempel kräver layouten med HTML-tabeller att konstruktörer bryter mot tabellrader och kolumner i behållare för innehåll. Med HTML har du liten kontroll över parametrar som mellanrummet mellan och inom dessa tabellceller, eller de specifika gränserna på toppen, botten eller sidorna av tabellcellen.
-
CSS, å andra sidan, kan göra en ganska generisk HTML-tagg - en DIV-tagg - till en nästan oändligt formaterbar behållare för någon form av innehåll.
-
CSS-klasser och ID-er är speciella stilar som ligger i centrum för modern siddesign. Dessa CSS-klasser och ID har ersatt HTML-tabeller som standardteknik för att lägga ut webbsidor. Tabeller använde celler, skapade av skärningspunkten i rader och kolumner, som platshållare för innehåll. Denna teknik var klumpig och begränsad jämfört med friheten med ID- och klassdefinierade sidlayouter.
-
Externa stilark, till exempel CSS, tillåter global styling, som har gemensamma element över alla HTML-sidor på en webbplats. Behöver du ändra färgschema på 17, 412 sidor om 5 minuter? Inget problem med ett externt stilark - du uppdaterar helt enkelt CSS-filen och alla HTML-filer som länkar till det stilarket uppdateras direkt i webbläsare.
När du använder CSS kan du
-
Gör enkelt globala ändringar av hur innehållet presenteras. Om stilar tillämpas med externa stilark kan de användas för att omedelbart ändra utseendet på varje sida som de är länkade till. Detta är ett oumbärligt produktivitetsverktyg på stora webbplatser.
Tänk dig att hitta alla typsnittstaggar och ändra dem på en omfattande webbplats. Att använda en enkel Find and Replace-ansträngning fungerar ofta inte på grund av det inkonsekventa sättet taggar är kodade. Det är möjligt att ha hundratals variationer av teckensnitts taggarna - som alla ser lika ut på webbsidan men kodas annorlunda - vilket gör att använda och ersätt verktyg är värdelösa.
-
Enkelt att förstå den ursprungliga meningen med ditt innehåll. När du arbetar med äldre, "allt som gör det ser bra ut" typ tekniker som använder HTML-taggar för formatering och design, kan du ofta inte berätta vad de olika delarna av sidinnehållet är bara genom att titta på det.
Gammal HTML gör det möjligt att använda taggar felaktigt, till exempel att tillämpa egenskaper på en typsnittstagg som visar en punkttagskärm som om det var en rubrik. Inte lätt att fixa. Om du klarar av att ta bort de gamla teckensnittslisterna tar du också bort de visuella signalerna som kan hjälpa dig att omkoda sidan korrekt.
Om du till exempel ställer in din sida som ett innehållsintervall med
-taggar för att separera det visuellt i stycken och taggar så att rubrikerna blir annorlunda är det svårt att ta reda på vad det var om taggarna stördes eller raderade.
-
Gör din webbplats vänlig för alla som besöker - oavsett var de är eller vad deras situation är. I allt högre grad använder personer som använder webben inte en traditionell dator. Istället använder de tabletter, smartphones och andra digitala enheter. Med CSS och HTML kan du upptäcka en besökares webbläsarmiljö och tillhandahålla olika stilark som visar innehåll i en form som är lämplig för besökarens media.
-
Beroende på CSS och HTML gör också webbplatser mer tillgängliga för hörapparater och synskadade användare, som har läsarprogram eller andra specialverktyg som fungerar bättre om du undviker att använda HTML-taggar för formatering.
Igen kommer vissa användare att ha anpassade stilark så att de kan använda Internet. Någon kanske behöver förstora teckensnittstorlekar eller för att ange hur en skärmläsare signalerar olika delar av ett dokument för att kompensera för synförluster. Information om ljudfiler finns på World Wide Web Consortium (W3C) webbplats.
