Comments on: Usando CSS Shorthand Parte 1

By: Los mejores textos sobre CSS y estándares web en castellano « Disenia

Los mejores textos sobre CSS y estándares web en castellano « Disenia — Wed, 09 May 2007 15:56:52 +0000

[...] Usando CSS Shorthand Parte 1 y parte 2 [...]

By: el mensajero final

el mensajero final — Fri, 08 Jul 2005 17:14:44 +0000

podrias ayudarme con lo de poner imagenes en los encabezados????

By: beto

beto — Wed, 31 Dec 1969 16:00:00 +0000

Deber�as de comentar tambi�n que una t�cnica �til para escribir m�rgenes y padding en CSS es recordando el orden de las manecillas del reloj: 12-3-6-9, correspondientes a los valores top, left, bottom, right. Asi escribir valores como

padding: 0 20px 0 20px;

se hace muy f�cil, adem�s que te ahorras c�digo y lo sacas m�s r�pido.

By: Anonymous

Anonymous — Wed, 31 Dec 1969 16:00:00 +0000

si, pero es top, right, bottom, left

By: roberto

roberto — Wed, 31 Dec 1969 16:00:00 +0000

Precisamente ayer estuve leyendo ese mismo libro en una biblioteca. Hay cosas que me decepcionaron, como el “truco” de no cerrar etiquetas HTML (por ejemplo, tr).

By: huguito

huguito — Wed, 31 Dec 1969 16:00:00 +0000

ta gueno ta gueno, yo trato de aplicarlo peor dejame empezar por entender un co�azo de atributos de css jejej

By: afrael

afrael — Wed, 31 Dec 1969 16:00:00 +0000

Roberto: Si tienes razon, son tecnicas/trucos que aplican mas HTML, pero claro, esto implicaria hacer documentos no estandares.

Tal cual como el menciona, XHTML, es un poco mas dificil de optimizar. Ahora el libro esta lleno de tecnicas/trucos buenos, los primeros capitulos no estan tan vigentes, son mas 2000-2001.

Saludos !

By: Jesus Pi�a

Jesus Pi�a — Wed, 31 Dec 1969 16:00:00 +0000

Excelente, muy buen mini-tutorial gracias por compartir.

By: GaBuBu

GaBuBu — Wed, 31 Dec 1969 16:00:00 +0000

Gran post, si se�or! Libro recomendable leer si se�or!

By: ximena

ximena — Wed, 31 Dec 1969 16:00:00 +0000

Gracias por compartir

By: egg

egg — Wed, 31 Dec 1969 16:00:00 +0000

Interesante, �y que de la compatibilidad con Browsers existentes?�Cuales lo soportan?

Por otro lado �cual es el “truco” al no cerrar lo tr? �qu� se gana?

By: afrael

afrael — Wed, 31 Dec 1969 16:00:00 +0000

Aca tienes un grafico con el soporte a cada uno de los features. En realidad hay que evitar usar shorthand con las versiones viejas de los navegadores, con los nuevos todo bien.

Ahora, si ese es el truco, no cerrar los td, ni los tr, ni los li. Esto es solo valido para HTML, cero estandares. Si se gana recuerda que antes todos los websites era hechos en base a tablas. Byte a byte para un site que recibe miles de visitas puede significar en un ahorro considerable de bandwidth.

By: M@GOO

M@GOO — Wed, 31 Dec 1969 16:00:00 +0000

Thanks a lot!!!

By: roberto

roberto — Wed, 31 Dec 1969 16:00:00 +0000

egg:
se ganan caracteres (bytes) al no cerrar ciertas etiquetas. En el caso de tr se ganar�an 5 “”.

By: xoan

xoan — Wed, 31 Dec 1969 16:00:00 +0000

Esta muy bien, incluso se puede optimizar mas (en la declaracion CSS) cuando los valores del margen o del padding son iguales dos a dos, como en el ejemplo que puso beto:

padding: 0 20px 0 20px;

ser�a lo mismo que:

padding: 0 20px;

cuando es asi, los valores se aplican a los pares top-bottom, right-left.

Voy a leer ahora la segunda parte, a ver que tal