Dator
 |  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
  • * Dator Kunskap >> Programmering >> Computer Programspråk >> Content

    Hur du begränsa CSS filstorlek

    Det finns flera olika strategier du kan använda för att minska storleken på en Cascading Style Sheets ( CSS ) fil . De flesta är i första hand sysslar med att bli av uppsägningar och maximera effektiviteten . CSS-filer kan bli stora , särskilt för en webbplats med en komplex layout och CSS filstorleken kan bli en viktig faktor i den hastighet med vilken en webbplats laster . Genom att använda några förnuftiga metoder , men kan du minimera CSS filstorleken så att webbplatsen laddas så fort som möjligt . Instruktioner
    1

    Skapa en extern CSS-fil istället för att använda inline CSS -kod i HTML-filen . Det är så den CSS-fil kommer att cachas av webbläsaren på efterföljande besök på webbplatsen , i stället hämtas igen och igen som det skulle vara om det var en del av HTML -filen .
    2

    Användning de olika CSS stenografi koder istället för att lista de individuella egenskaperna hos ett element . Till exempel , de olika delarna av en bakgrund , som " background- color : # fff ; " , " background- repeat : no- repeat , " och " bakgrund - läge : 0 0 ; " alla kan anges individuellt , eller de kan kombineras till något som " bakgrund : # fff ingen upprepning 0 0 , " vilket är mycket mindre kod och minskar filstorleken
    3

    element Group tillsammans som har samma stilinställningarna . . Till exempel om din h1 element och dina h2 element har samma stil inställningar , kan du kombinera dem så här , " h1 , h2 { olika stilinställningar } , " så du behöver inte skriva alla stilinställningarna två gånger < . br >
    4

    Använd förkortade koderna hexfärgen stället för den fullständiga hexadecimala färgkoder . Till exempel , både hex färgkod # FFFFFF och koden # FFF betecknar vitt .
    5

    Eliminera onödiga radbrytningar från CSS-filen . Det är vanligt att lista ett element olika egenskaper rad för rad , men det är onödigt . Om filstorleken är ett problem , kan de olika Element Properties listas i en lång rad , separerade endast den vanliga semikolon . Detta kan göra CSS-fil svårare för människor att läsa , men webbläsare har inga problem med detta mer stympade stilen .
    6

    Eliminera överflödiga karaktärer från era kommentarer . Många programmerare använder extra tecken runt en kommentar till en kommentar sticker ut mer så det är lättare att hitta . Detta är onödigt , dock , och de extra tecken bara göra CSS-fil större än den behöver vara .

    Tidigare:

    nästa:
    relaterade artiklar
    ·Skillnaden mellan XSD & WSDL
    ·Hur man gör en Inline element med CSS
    ·Hur man sätter in en radbrytning efter ett visst antal…
    ·Hur man ladda filer I en PowerShell Session
    ·Hur till Öppen ODT -filer i Office 2007
    ·Hur man läser en karaktär från ett tangentbord i fö…
    ·Hur: SORT Verb i Programmet COBOL
    ·Skillnader mellan Psuedocode och flödesscheman
    ·Hur man lägger in en fördröjning i Shell Script
    ·Hur man använder COBOL Syntax
    Utvalda artiklarna
    ·Hur man använder en switch fall med intervall i C + +
    ·Python Lambda Lista Förståelse
    ·Hur du justerar Pekare för Kovarianta Returer
    ·Så här ändrar CSS Med JavaScript
    ·Hur man använder Sprint F - PHP
    ·Hur man skapar en tabell Query Använda Visual Basic
    ·Så här ändrar du datumformat i PHP
    ·CFG Filtyp
    ·Grafiska funktioner i Visual Basic Version 6
    ·Hur man ansluter till en databas från DSN i ASP
    Copyright © Dator Kunskap http://www.dator.xyz