2010-01-30 6 views
5

Nunca olvidé y uso siempre la abreviatura de margin y padding porque funciona en el sentido de las agujas del reloj, pero ¿cómo recuerda a los demás?¿Cómo puedo memorizar todas las abreviaciones de CSS?

¿Utiliza CSS taquigrafía siempre que sea posible?

¿Cuáles son las mejores maneras de recordar diferentes manos cortas?

Actualización:

también encontré 2 buena chuleta taquigrafía.

  1. PNG - http://www.catchmyfame.com/wp-content/uploads/2009/07/CSS-Shorthand-Cheat-Sheet.png
  2. PDF - http://www.eddiewelker.com/wp-content/uploads/2007/09/csscheatsheet.pdf

Respuesta

9

Aquí hay un CSS shorthand cheat sheet (PDF) decente.

+0

+1 excelente ref –

+0

imprimiré una hoja de trucos taquigrafía y me pegaré en la pared lateral de mi escritorio –

4

Yo personalmente no soy bueno en la memorización de tales cosas, así que utilizar los atributos específicos, background-positionbackground-imagebackground-repeat etc., en lugar de la taquigrafía.

Me parece que es menos propenso a errores, y lo convierte en un código más fácil de mantener: Puede buscar & reemplazar configuraciones específicas para todo el proyecto, lo cual es imposible cuando se usa la taquigrafía.

+0

+1 punto ur es bueno –

+0

+1 definitivamente para legibilidad vs taquigrafía que puede conducir a la confusión de la intención de la CSS (o inserte su elección de idioma aquí). –

2

Utilice un editor que comprenda la sintaxis abreviada y le de algún grado de autocompletar. Yo tampoco necesito uno que me diga que el margen va arriba, derecha, abajo, izquierda, pero es útil tener uno que me diga las opciones de fondo, por ejemplo.

Visual Studio hace esto: obviamente no será la elección correcta para todos, pero si Visual Studio lo hace, estoy seguro de que debe haber muchos otros que también lo hacen.

+0

Dreamweaver tiene autocompletado HTML y CSS bastante decente también. –

0
  • Ctrl + T para la nueva pestaña
  • Ctrl + K para Google barra de búsqueda
  • "css fuente abreviada" y hecho!
1

que he tenido hasta ahora sólo la dificultad para recordar el fin de declarar las a pseudoselectors link, visited, hover y active (lo que realmente importa!). Aquí uso el LoVe HAte mnemonic para.

Cuestiones relacionadas