Simple CSS - Editor de hojas de estilo para windows y Mac.

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Como honor a su nombre, este es un simple programa para crear y editar hojas de estilo para tus páginas webs.

Contiene una sencilla e intuitiva interfaz, para que en pocos minutos puedas comenzar a trabajar con los archivos CSS, además es completamente gratuito y de libre uso, disponible en dos versiones: una para windows y otra Mac.

A continuación puedes ver mas características del programa y una simple guía para aprender a utilizarlo.

Mas información sobre el programa.

Indice - Contenido.

Acerca de los proyectos y creación de hojas de estilo.
Añadir y modificar selectores, clases. etc ..
Definir y establecer las propiedades CSS.
Vista previa de la hoja de estilo.
Eliminar un estilo, clase, atributo css etc ..

1 - Acerca de los proyectos y creación de hojas de estilo.

Simple CSS te permite crear proyectos, de esta forma podrás organizar mejor los trabajos de edición y creación, cambiando entre las hojas de estilo que necesites editar simplemente seleccionándolo de la lista desplegable.

Al iniciar un nuevo proyecto ( Ctrl+N ), podrás o bien crear el CSS desde 0, o importar un archivo existente para modificar, corregir, añadir estilos mediante la opción Import.

Luego cada uno de los proyectos se podrán acceder desde la siguiente lista desplegable:

2 - Añadir y modificar selectores, clases. etc ..

Con el botón de signo mas en el panel izquierdo, es posible añadir los selectores css, etiquetas, clases, ID y añadirlos a una lista para cambiar fácilmente el que necesites editar.

3 - Definir y establecer las propiedades CSS.

En el panel de la derecha es posible definir las propiedades y valores de cada una. Estos últimos se encuentran divididos en : Texto, bordes, dimensiones, y en la pestaña source visualizar el código CSS.

Pestaña para cambiar propiedades de la fuente y texto:

Pestaña Display: cambiar propiedades del cursor, imágenes, otros.

4 - Vista previa de la hoja de estilo.

También permite ver una sencilla vista previa del texto en la parte inferior de la ventana:

5 - Eliminar un estilo, clase, atributo css etc ..

Si estamos trabajando con un nuevo proyecto o si hemos importado un archivo .css existente, y necesitamos eliminar cualquier contenido de la hoja de estilo, simplemente deberemos seleccionar la propiedad, atributo o elemento en el panel izquierdo, y seguido de esto presionar el signo menos.

En cambio, si necesitamos eliminar el proyecto completo, mediante el botón Delete de la barra de herramientas.