Taquigrafia CSS é uma forma de fazer o código de uma maneira mais limpa melhorando o carregamento da pagina
e facilitando na manutenção do código.
1.1 Técnicas abreviadas para fundo;
A Técnicas abreviada de fundo é possível resumir o código css na linha como na imagem abaixo.
Para o background do elemento H2 está na cor vermelho, no elemento p a cor de fundo é verde, a pagina está com um background claro.
1.2 Técnicas abreviadas para propriedades de fronteira;
As técnicas abreviadas para bordas, também são possíveis de usar a taquigrafia como mostra na imagem abaixo.
Como mostra na na imagem a cada lado da borda está de um jeito e a espessura tem 7px, mas esse comando tambem pode ser feito em uma unica linha. O elemento H1 está usando de forma resumida as espessuras e tipos de borda sobre esse elemento.
1.3 Técnicas abreviadas para cor;
A taquigrafia de cores pode ser usada somente quando os três grupos de cores se repetirem entre eles como por exemplo AA 33 22 na imagem abaixo.
Como mostra a imagem os 3 grupos de cores que se repetiam foram resumidos para A32.
1.4 Técnicas abreviadas para fonte;
A técnica de abreviação de fonte também é possível fazer em uma linha como mostra na imagem abaixo.
Como mostra na imagem a paragrafo com a classe declara uma por uma das configurações da fonte, enquanto no elemento p sem classe resume todas essas configurações em uma linha.
1.5 Técnicas abreviadas para margem;
A técnica de abreviação de margem funciona da seguinte maneira você define todos os da margem de um elemento apenas em uma linha como mostra na imagem abaixo.
1.6 Técnicas abreviadas para padding.
A técnica de abreviação de padding funciona da mesma maneira que a margem como mostra na imagem abaixo.
Nenhum comentário:
Postar um comentário