Tecnología

Inicio

Cómo trabajar con CSS en Nvu



Cómo trabajar con CSS en Nvu. Nvu es un editor WYSIWYG HTML de código abierto que se utiliza para crear páginas web. Está disponible de forma gratuita desde nvudev.com y funciona en Windows, Mac y Linux. Este artículo le mostrará cómo escribir las reglas CSS con Nvu.

Instrucciones

1 Si aún no dispone de Nvu, puede descargar e instalar una versión apropiada para su ordenador en nvudev.com (ver enlace más abajo). Cuando se tiene instalado el software, crear un sitio y al menos una página HTML antes de comenzar estos pasos.

2 En el menú Herramientas, seleccione Editor de CSS. Puede crear una hoja de estilo interna o externa. Haga clic en el botón Estilo elt en la parte inferior izquierda.

3 Se abre un nuevo cuadro de diálogo de estilos. Nombre de la hoja de estilo y haga clic en Crear hoja de estilo.

4 Se crea una hoja de estilo interna por defecto. Puede exportar a una hoja de estilo externa utilizando el estilo para exportar y cambie a la versión exportada botón.

5 Anule la selección del botón de Expertos y la Regla se activa. Pulse el icono para crear una nueva regla de estilo.

6 Se puede crear un estilo con nombre o introduzca un selector como "cuerpo" en el campo en blanco. Haga clic en Crear regla de estilo para comenzar reglas de escritura.

7 El uso de las pestañas en la parte superior, puede estilo de fondo. Si está familiarizado con la configuración de reglas de estilo en Dreamweaver, se dará cuenta de algunas similitudes entre las opciones de estilo de Nvu y los de Dreamweaver.

8 Puede estilo de los elementos de texto.

9 Puede estilo de elementos de caja.

10 Puede estilo de elementos de frontera.

11 Sus opciones se reflejan inmediatamente en la ventana del documento. Tenga en cuenta que estos antecedentes, cuadro, frontera y otras opciones se pueden aplicar a cualquier elemento HTML en una página utilizando los diversos selectores CSS.