7 svar · 352 visningar · startad av altack
Hejsan :)
Det är så att jag undrar om man verkligen borde länka till en stilmall med både <link> och @import? På vissa ställen har jag läst att det är bättre med bara @import för att man slipper att gamla webbläsare läser av stilmallen, andra att man ska ha båda utifall att.
Vad jag vill komma fram till är: Är det nödvändigt med båda?
Frågan kanske är lite konstig, men är man nybörjare så är man. :bire
Hmm, det beror ju på vilka browsers du vill ska kunna tolka css-koden ?
[edit: ahh, missupffattade inlägget, trodde det menades import i kombination med <link>, alltså inte bägge samtidigt. :)]
Hmm
Du behöver inte länka in en stilmall mer än en gång (och det är alltså helt onödigt att länka till samma stilmall med både <link> och @import samtidigt)
Att både <link> och @import förekommer brukar nog oftast bero på att man använder <link> till att lägga in ett "standardutseende" som funkar i alla webbläsare (inklusive de äldre) och sedan kör med en @import (antingen i den externa stilmallen, eller i en <style>-tagg lite längre ner på sidan) av en *annan*, kompletterande, stilmall som innehåller lite mer avancerad CSS för det man vill kunna få ut av de nyare webbläsarna... /red - som i ditt exempel ;)
Tack vare att stilmallar är "cascading" - dvs att man kan definiera flera efter varandra och att det finns regler för hur stilarna skriver över varandra när man gör så - så brukar det kunna funka - om än med en viss ansträngning ;)
Fast det är klart - idag skiter nog fler och fler i NN4 (som inte klarar @import och som är den kanske vanligaste orsaken till varför @import-hacket används) och kör med <link> iallafall och låter NN4 krascha bäst den gitter - eller så kör man med enbart en @import och skiter i att det ser minst sagt torftigt ut i NN4...
Utmärktlich, då vet jag. :h Tackar!
Drar upp tråden igen då jag undrar över ännu en sak som har med detta att göra:
Vad är mer avancerad CSS? Finns det t.ex. en sida där det står vad nyare webbläsare klarar, eller kan någon förklara? Jag vet inte vad som man ska använda för CSS för äldre och vad man ska använda för nyare... :)
Oj - det där är HÅRD kunskap...
Det finns flera listor med kompatibilitet för CSS därute.
Exempel:
http://blooberry.com/indexdot/css/index.html
http://macedition.com/cb/resources/abridgedcsssupport.html
http://www.quirksmode.org/css/contents.html
Men hur man egentligen lär sig att t.ex. NN4 kan fås att krascha genom att lägga en border på en div om den inte formaterats med vissa grundvärden och allt det där andra som "flutit runt" på nätet sedan slutet av 90-talet har jag ärligt talat inte en susning om hur jag skall förklara...
Den enda säkra metoden är att ha en version av varje webbläsare på varje plattform som det bara *måste* funka på (och det inkluderar förmodligen multipla MSIE/Win eftersom det skiljer sig massor i buggar och beteenden mellan t.ex. MSIE5.01 och MSIE6)
Kan man inte det - kan man alltid läsa gamla nummer av http://alistapart.com/ (kanske speciellt http://alistapart.com/stories/journey/ och relaterade artiklar - de har ett bra index på AListApart ! )
eller så kan man ta inspiration av de över hundra olika CSS-designerna (som faktiskt samtliga otroligt nog bygger upp olika utseende för en och samma xhtml-fil!) på http://www.csszengarden.com/ - Där hittar du i princip varje trix som finns (och en del nyuppfunna finter och dribblingar också) när det gäller att få det att se någorlunda lika ut i så många webbläsare som möjligt ;)
Bara att testa, och testa, och testa, och testa, och... ja - testa
Eller köra med @import och andra "CSS-hacks" (läs några av länkarna längst ner på den sidan om du inte greppar direkt vad tabellen är bra för - den är lite tung att förstå om man inte har teorin bakom klar för sig) för att se till att sidan bara visas i all sin CSS-prakt för de senaste webbläsarna som man har på sin maskin...
Allt beroende på vad man har för sida (och vad ens ev. kund har för krav) förståss ;)
Onödigt inlägg...
