В тази статия ще откриете, че това как да оптимизирате Css.This е много проста и основни съвети за уеб дизайнери и програмисти. Не само тези съвети ще спомогне за намаляване на размера на файла на вашия CSS файл, но те също така ще се ускори вашето кодиране, ако предпочитате да направите някои от вашите CSS на ръка.

1. Използвайте CSS стенографски

  Преди 

  P ( 
  ; марж-нагоре: 5px; 
  ; марж-надясно: 10px; 
  ; марж-отдолу: 15px; 
  ; марж-наляво: 20px; 
  ) 


  След 

  10px 15px 20px ; } P (граница: 5px 10px 15px 20px;) 

2. Отстраните излишните WHITESPACE

  Преди 

 width : 900px ; height : 100 %; margin : 0px ; padding : 0px ; background-color : #cccccc ; } . обвивам (ширина: 900px; Височина: 100%; граница: 0px; капитониране: 0px; фон-цвят: # cccccc;) 
  След 
  width : 900px ; height : 100 %; margin : 0px ; padding : 0px ; } . обвивам (ширина: 900px; Височина: 100%; граница: 0px; капитониране: 0px;) 

3. Използвайте стенографски цветове

Longhand шестнадесетичния цветовете са определени като три червено, зелено и синьо тризнаци, като този:

Можете да съкращавам цветовете, които имат идентична стойност за всяка двойка, която е, # rrggbb;, като само една стойност на двойката, така че това:

това става, като се използва стенография шестнадесетичния нотация:

Име цветове може да улесни поддръжката, но те като цяло са повече, отколкото техните стенографски шестнадесетичния еквиваленти (различни от червено и тен).

4. Използвайте потомък Selectors

5. Използвайте CSS CompressTools

Ако не искате да губя време в изменение на стария си стил листа можете просто да използвате онлайн CSS компресирате средства, тя прави работата ви за секунди
провери тази онлайн CSS компресирате инструменти ...
CSS подредено
Чисто CSS
CSS Optimiser
Flumpcakes CSS оптимизатор
cssdrive CSS Comperasor
W3C CSS Validator

Пила под: CSS, уроци от Admin