CSSAlguma declarações css podem ser estilizadas de forma mais rapida e simplificada, obtendo o mesmo efeito de declarações inteiras.

Voce pode utilizar essa tecnica para abreviar os valores Hexadecimais para configurar cores, por exemplo:

#FFFFFF   =>  #FFF

#DD6611  => D61;

Aplicando os valores da forma acima, o resultado ser o mesmo para ambas as formas.

Outras propriedades que podem ser abreviadas na declaração, são as que definem espaçamentos dos objetos, como o Padding, Margin.

padding-left: 2px;   padding-bottom:2px;   padding-top:2px;   padding-right:2px;     =>  padding: 2px;

Essa propriedade possui uma particularidade, tanto para o margin quanto para o padding, voce pode definir medidas diferentes para os lados aplicando a seguinte analogia:

padding: {valor top} {valor right} {valor bottom} {valor left};

padding: {valor para top e bottom} {valor para left e right};

Para margin, aplica-se a mesma regra acima.

 

Esse post trata apenas dos elementos mais basicos de abreviação, mas voce pode aplicar essa tecnica aos elementos:

  • margin
  • padding
  • background
  • font
  • outline;
  • border.
  • []’

    Anúncios