zampon - red de blogs ZampaRuedas     Coches Nuevos     LigaFutbol     Eventos Valencia     ZampaOcio     Ciudades Famosas

CSS Builder, generador en línea de estilos CSS

Lun, Oct 22, 2007

CSS, En línea, Generador

En DIARIOTHC, en esta ocasión nos enseña una herramienta en línea creada por Metatitan, se llama CSS Builder, con la cual podremos configurar los estilos CSS de un selector de HTML (h1, p, strong, div) o de un selector al que nosotros le demos un nombre.

Con esta herramienta podemos dar atributos y forma a cinco elementos web:

  • Textos. Atributos como color, tamaño y tipo de fuente, entre otros.
  • Cajas o contenedores. Margenes, dimensiones, bordes y colores de contenedores o cajas.
  • Fondos. Definición completa de fondos, color o imagen.
  • Posicionamiento. Atributos de posicionamiento, absoluto y relativo.
  • Listas. Viñetas y posición del texto en las listas.

Por ejemplo… primero escogemos el selector (un div por ejemplo) al cual le podremos dar estilos de texto (font-family, font-size etc), propiedades de “cajón” (ancho, alto etc), fondo, posición y estilos para listas. Cuando tengamos configurados los estilos del selector a nuestro gusto, pulsamos en “Build it”, generándonos automáticamente el código CSS necesario, solamente queda copiarlo en nuestra hoja de estilos.

generador CSS thumb CSS Builder, generador en línea de estilos CSS

Otra utilidad que puede complementara a CSS Builder, es CSS Sandbox, una aplicación muy sencilla y practica, que comentó hace unos días en: Aprender CSS rápidamente.



Autor de esta entrada

Toni - ha publicado 3919 entradas en Cosas sencillas.

Contactar con el autor

Dejar un comentario