Taquigrafia CSS
O uso de taquigrafia
facilita a escrita de um CSS (Cascading Style Sheets) limpo,ou seja menos
código, o que facilita a manutenção, e faz com que o carregamento da página
fique mais rápido.
Background: essa propriedade pode ser dividida em cinco
conforme o codigo abaixo:
<html>
<head>
<style>
body{Background-color:
#ff22ff;
Background-image:
url(doc.jpg);
Background-repeat:
no-repeat;
Background-position:
top left;
Background-attachment:
fixed;}
</style>
</head>
<body>
</body>
</html>
Utilizando a noção de taquigrafia é possível escrever
isso em uma única linha sem alterar o resultado ex:
<html>
<head>
<style>
body{Background:
#ff22ff url(doc.jpg) no-repeat top left fixed;}
</style>
</head>
<body>
</body>
</html>
Border , pode ser definida quanto a espessura, estilo e cor,
conforme código abaixo :
Border: 1px Black solid;
Se o atributo cor for escrito em hexadecimal , o seu
valor pode ser abreviado se os 6 valores hexadecimais forem iguais. EX: a cor
branca #FFFFFF, pode ser
abreviada para #FFF.
A propriedade fonte ( font
) assim como a background também pode ser escrita de maneira simplificada. Ex:
Escrita normal:
<html>
<head>
<style>
p{font-weight:
bold;
font-variant:normal;
font-size:
30px;
font-family:
serif;
font-style:italic;}
</style>
</head>
<body>
<p> Leny Silva</P>
</body>
</html>
Com o uso de taquigrafia:
<html>
<head>
<style>
p{font:
italic bold normal 30px serif;}
</style>
</head>
<body>
<p> Leny Silva</P>
</body>
</html>
Margin e padding
Essas
propriedades dizem respeito a posicionamento da página e são definidas por top, right, bottom, left.
E pode ser escrita em uma linha seguindo essa
ordem.
Margin: 2px, 3px, 5px, 1px;
