Ako obmedziť veľkosť súboru CSS

Existuje niekoľko rôznych stratégií , ktoré môžete použiť na zníženie veľkosti súboru kaskádových štýlov ( CSS ) . Väčšina z nich je v prvom rade týka sa zbaviť prepúšťanie a maximalizovať efektivitu . CSS súbory môžu zväčší , a to najmä pre webové stránky s komplexnou rozloženie a veľkosť CSS súboru sa môže stať významným faktorom v rýchlosti , pri ktorej webové stránky zaťaženie . Tým , že zamestná niekoľko common - sense techniky , ale môžete minimalizovať veľkosť CSS súboru , takže webových stránok zaťaženie tak rýchlo , ako je to možné . Pokyny dovolená 1

Vytvorenie externého CSS súboru , skôr než pomocou inline CSS kódu do súboru HTML . To je tak súbor CSS bude cache webového prehliadača pri následných návštevách na webové stránky , skôr než znovu a znovu stiahnuť ako by to bolo , keby to bola časť súboru HTML .
2

používania rôzne CSS počiatočné kódy miesto uvádzajúci jednotlivé vlastnosti prvku . Napríklad rôzne prvky na pozadí , ako " background- color : # fff ; " , " background- repeat : no - repeat ; " a " background- pozícia : 0 0 , " to všetko môže byť uvedená samostatne , alebo môžu byť kombinované do niečoho ako "background : # fff bez opakovania 0 0 ; " , čo je oveľa menej kódu a znižuje veľkosť súboru
3

Skupina prvky dohromady , ktoré majú rovnaké nastavenie štýlu .. Napríklad , ak vaše h1 prvky a vaše h2 prvky majú rovnaké nastavenie štýlu , môžete ich kombinovať takto, " h1 , h2 { rôzne nastavenia štýlu } ; " , takže nemusíte dvakrát napísať všetky nastavenia štýlu < . br > Stránka 4

Pomocou skrátenej hex kódy farieb , skôr než plné farebné kódy hex . Napríklad , ako hex farebný kód # FFFFFF a kód # FFF označujú bielu .
5

Odstráňte nepotrebné konce riadkov zo súboru CSS . Je to bežná prax na zoznam prvku v rôznych vlastností riadok po riadku , ale je to zbytočné . Ak veľkosť súboru je obava , rôzne prvok vlastnosti môžu byť uvedené v jednom dlhom riadku , oddelené iba normálny bodkočiarku . To môže súbor CSS ťažšie pre ľudí čítať , ale webové prehliadače mať žiadny problém s týmto viac zrezaného štýlu .
6

odstrániť nadbytočné znaky z vašich komentárov . Veľa programátorov používať ďalšie znaky okolo komentármi , aby sa komentár stať viac , takže je ľahšie nájsť . To je zbytočné , aj keď , a ďalšie postavy , aby iba súbor CSS väčšia , než je potrebné .

• Predchádzajúca strana: Ako vytvoriť jQuery obslužných rutín udalostí 
• Ďalšia strana: Ako nastaviť centrum v KML súboru