Sindicación
Simplifica tu CSS: Border
Mar, 03/06/2008 - 14:29
Después de haber simplificado las etiquetas margin y padding de nuestro css, hoy vamos aprender a simplificar la etiqueta “border“.
Muchas veces nos encontramos la etiqueta borde de nuestro CSS de la siguiente forma:
InKiLiNo
#div {
border-width: 1px;
border-style: solid;
border-color: #666666;
}o así:
#div {
border-right-width: 2px;
border-right-style: solid;
border-right-color: #666666;
}Cuando la forma simplificada y también correcta, sería así,
#div {
border:1px solid #666;
} y así, respectivamente.
#div {
border-right:2px solid #666;
}Veis que fácil ha sido reducir tres lineas en una, pues imaginaos esto a lo largo de todo nuestro “style.css”, las lineas que ahorraremos, y lo limpio que veremos el código cuando tengamos que buscar algo.
InKiLiNo
- Felicidades tata
- Predice tu PageRank
- Simplifica tu CSS: Margin & padding
- Quiero un iPhone
- Banner de tus feeds con FeedBurner
You have already tagged this post. Your tags:
Noticia original: www.inkilino.com