Tecnología

Inicio

Cómo abrir un archivo CSS

Un archivo CSS contiene información de formato para los diversos elementos de la página en una página HTML o XHTML Web, incluyendo estilos de fuentes, encabezados, listas, tablas y párrafos. Puede abrir un archivo CSS en un editor de texto básico para ver y editar manualmente su código, o puede utilizar un programa diseñado específicamente para abrir, crear y editar archivos CSS. A pesar de que los editores de texto básicos carecen de estas herramientas, algunos programas implementan herramientas gráficas y menús que se pueden utilizar para agregar o cambiar los elementos de formato sin necesidad de escribir el código.

Instrucciones

WordPad

1 Haga clic en el Windows "Inicio" y haga clic en "Todos los programas", "Accesorios" y "WordPad". WordPad es un editor de texto incluido en Windows, y le permite editar archivos CSS abiertas y de forma manual.

2 Haga clic en el menú "Archivo" de WordPad y seleccione "Abrir". Haga clic en la lista desplegable a la derecha de "Nombre de archivo" y seleccione "Todos los documentos." Esto muestra todos los formatos de archivo y le permite abrir archivos que no tienen extensiones de documentos por defecto del programa.

3 Vaya a la carpeta que contiene el archivo CSS que desea abrir y haga clic en "Abrir". Ahora puede ver y editar manualmente el contenido del archivo.

arduo CSS

4 Descargar e instalar arduo CSS del sitio web Arduosoft. Arduo CSS es un editor de CSS gratuita que incluye herramientas gráficas para la edición de su archivo y ver su código.

5 Haga clic en el icono de la carpeta azul por debajo de la barra de herramientas del programa para iniciar el cuadro de diálogo para abrir archivos CSS.

6 Seleccione su archivo CSS y presionar "Enter" para abrirlo en el programa. Esto muestra una nueva pestaña principal para su archivo CSS. Haga clic en la pestaña "Visual" por debajo de la pestaña principal del archivo, haga clic en un elemento en el archivo para ver sus propiedades en el panel derecho. Haga clic en la pestaña "Código" por debajo de la pestaña principal del archivo para ver el código en su formato original.

simple CSS

7 Descargar e instalar Simple CSS del sitio web Hostm.com. Simple CSS es un editor de CSS libre para el Mac y PC que cuenta con listas desplegables que permiten cambiar rápidamente la configuración de los archivos CSS.

8 Simple CSS abrir y haga clic en "Nuevo proyecto" en la parte superior de la ventana. Escriba un nombre para el proyecto CSS y presionar "Enter".

9 Haga clic en el botón "Importar CSS" en la parte superior de la ventana. Busque el archivo CSS y haga clic en "Abrir". Esto muestra el contenido de su archivo CSS en la ficha "Fuente" y ofrece fichas adicionales que le permiten editar la configuración de los textos, bordes y dimensiones. Para cambiar la configuración, haga clic en la ficha correspondiente y seleccione la lista desplegable para el elemento que desee cambiar.

Consejos y advertencias

  • A pesar de que acaba de hacer clic en el icono "Guardar" para guardar archivos en WordPad y arduo CSS, es necesario hacer clic en "Exportar CSS" para guardar archivos CSS editados en Simple CSS.