W3C-folket rekommenderar inte att man använder ovanstående tillvägagångssätt för att implementera CSS, eftersom det inte skapar “ren” kod. Det är också överflödigt och tidskrävande. Och som intern CSS genererar den större HTML-filer.
Nu vet du vad CSS handlar om och hur du implementerar det på din webbplats. Om du använder WordPress kan du komma åt ditt temas CSS-fil genom att navigera till Utseende > TemaredigerareEnligt nedanstående:
Om du gör det kommer du direkt till ditt temas stilmall:
WordPress rekommenderar inte ovanstående tillvägagångssätt eftersom du kan redigera och förhandsgranska CSS-ändringar i den inbyggda CSS-redigeraren som är tillgänglig i live-anpassaren.
För att komma åt den inbyggda CSS-redigeraren, navigera till Utseende > Anpassasom vi lyfter fram nedan:
Efter det hitta och klicka Ytterligare CSS i det vänstra sidofältet, som visas nedan.
Alternativt kan du komma åt den inbyggda CSS-redigeraren genom att klicka Anpassad CSS överst på din WordPress adminpanel, som visas i skärmdumpen nedan.
Genom att klicka på menyalternativet ovan kommer du till följande CSS-redigerare:
Proffstips: Använd alltid ett barntema och skapa alltid en säkerhetskopia innan du börjar leka med dina temafiler, inklusive stilmallen. På så sätt kan du fortfarande uppdatera ditt huvudtema utan problem och utan att förlora alla anpassade kodade redigeringar du har gjort.
När ska man använda CSS
Det finns flera sätt att använda CSS, och vi har nämnt några genom hela artikeln. Du kommer förmodligen inte att göra mycket direkt CSS-anpassning om du använder ett WordPress-tema eller sidbyggare. De flesta WordPress-sidbyggare och teman låter dig anpassa din webbplats utan att skriva någon CSS-kod.
Här är ett par sätt att använda CSS.
CSS Responsive Web Design (RWD)
Responsiv design gör att din webbplats ser bra ut och fungerar bra på alla enheter, oavsett skärmstorlek. Med fler människor som använder enheter av alla slag för att surfa på webben kan värdet av responsiv design inte ignoreras.
CSS är en viktig ingrediens om du skapar responsiva webbplatser. Om du vill återanvända en gammal webbplats för nyare enheter, erbjuder CSS dig många responsiva designtekniker för att uppnå detta.
Du kan använda CSS för att implementera responsiva visningsportar, rutnätsvyer, mediefrågor, bilder och videor. Din webbplats kommer att se bra ut på flera enheter, vilket ökar engagemanget och konverteringsfrekvensen.
Styling
CSS är ett stylingspråk och är perfekt för alla anpassade stilar du behöver skapa på din webbplats. Om du inte kan ändra en viss del av din webbplats via live-anpassaren eller temainställningarna/panelen, kan du alltid vända dig till anpassad CSS.
CSS låter dig anpassa en mängd olika saker på din webbplats, inklusive typografi (inklusive webbfontimplementering), bakgrundsfärger eller bilder, färger, bilder, texturer, ikoner, marginaler, kanter, knappar och i stort sett allt annat du har i åtanke.
Skapa en konsekvent upplevelse för flera webbläsare
Om du bygger en HTML + CSS-webbplats från början kommer du förr eller senare att uppleva kompatibilitet över webbläsare. Och det beror på att varje webbläsare tolkar HTML-specifikationer lite olika.
Det är därför olika webbläsare kommer att visa samma kod på olika sätt. Det stämmer, du kommer att märka subtila (och inte så subtila) skillnader när du renderar identisk kod i till exempel Mozilla Firefox och Microsoft Edge.
För att eliminera dessa kompatibilitetsproblem med flera webbläsare kan du använda en fritt tillgänglig CSS-fil som heter normalize.css av de goda på Google. För att implementera normalize.css, lägg helt enkelt till följande rad i din avsnitt, som vi gjorde tidigare:
Och det är det, CSS kommer att starta och fixa kompatibilitetsproblem över webbläsare.
Skapa CSS-animationer
Tidigare var du tvungen att lita på JavaScript eller Flash för att skapa animationer. Men det har förändrats på senare tid med introduktionen av CSS-animationer och övergångar.
Observera att implementering av CSS-animationer och övergångar kräver en avancerad nivå av CSS-kunskaper. Hur som helst är det lätt att lära sig så länge du anstränger dig.
Det finns många sätt att använda animationer och övergångar på din webbplats. Det bästa exemplet är att lägga till interaktivitet som syftar till att driva användarengagemang.
CSS-resurser
Om du vill lära dig mer om CSS och dess applikationer har vi sammanställt en lista över några av de bästa resurserna på webben:
CSS kan verka som en svår nöt att knäcka i början, men det är ett av de enklaste språken du kommer att lära dig. Det är inte komplicerat eftersom det inte är ett programmeringsspråk som C# eller PHP.
Det är bara en uppsättning regler som lägger till färg och stil till dina webbsidor. Om vi inte hade CSS skulle de flesta, om inte alla, webbplatser se hemska ut. De skulle också vara svåra att designa och till och med använda, eftersom CSS förbättrar inte bara utseendet på en webbplats utan också användbarheten.
Med massor av gratis handledningar online är det enkelt att lära sig och bemästra CSS så länge du anstränger dig. Ta dig också tid att besöka övningsplatser eller skapa en testplats.
Hur använder du CSS? Låt oss veta i kommentarerna.
c00kie
Vill du verkligen avvisa? Stänga
