La idea original y código Javascript está tomada de www.xhtmlcoder.com, © by Robert J. Wellock, usado con permiso

The idea and Javascript code are taken from www.xhtmlcoder.com,
© by Robert J. Wellock, used with permission

--- USO ---

Escoge un SELECTOR en el panel de la izquierda. Si deseas alguno que no está en los menus, o quieres crear estilo para una .clase, simplemente escribe el .nombre en el recuadro naranja.
Tambien puedes escoger varios selectores escribiendolos en el recuadro (por ejemplo h1, h2) o selectores contextuales (h1 h2)

En el panel de la derecha asigna las PROPIEDADES y VALORES aplicables a ese selector. Como en el caso anterior, puedes decidir otros valores escribiendolos en la casilla correspondiente. Una vez hecho sigue estos pasos:

Primer paso.- Click en el botón "Generar CSS" para crear la regla de estilo. Si deseas rehacerla, pulsa "reset"

Segundo paso.- Click en "test" para ver el resultado en el frame de la derecha.

Tercer paso.- Si lo deseas puedes ir agregando reglas en el ultimo recuadro de texto. Para ello una vez terminada la primera declaración haz click en el botón "CSS Final" y esa regla quedará guardada. Ahora repite los pasos para generar la segunda regla. Cuando termines haz click nuevamente en "CSS Final" y la segunda regla se agregará a la primera.

Cuarto paso.- Puedes ver el efecto de las reglas de estilo acumuladas haciendo click en el botón "test"

Cuando termines puedes pulsar "Seleccionar todo" y cortar y pegar su contenido en tu página.