Cómo crear una hoja de estilo CSS simple usando el Bloc de notas

Video: Creación y vinculación hoja de estilos CSS a un documento HTML

Contenido

Pasos
Consejos
Cosas que necesitará

El Bloc de notas es uno de los editores de texto que se puede utilizar para crear un documento de hoja de estilo en cascada (CSS). Después de crear un archivo CSS en el Bloc de notas, puede vincular ese archivo a una página web para que el contenido de la página web pueda formatearse con su hoja de estilo.

Pasos

1 Abra el programa Bloc de notas.
2Copie el siguiente código:

@charset "utf-8"; / * Documento CSS * // * Definir el color del elemento del cuerpo * / body {background: # FFFFFF;} / * Esta sección es para enlaces * / a: link { font-weight: normal; color: azul marino} a: visitado {font-weight: normal; color: verde;} a: hover {font-weight: bold; color rojo; font-variant: small-caps;} / * Esta sección es para una sección de párrafo * / p {font-style: italic; font-size: 18px;} blue {color: # 0000FF;} / * Esta sección es para el borde negro de la imagen. * / img {border-color: # 000000; borde: grueso; estilo de borde: cresta;}

# Pegue el código del "Paso 2" en el Bloc de notas.

1 Guarde el archivo en el Bloc de notas. Guárdelo con el nombre "SimpleCSS.css" haciendo clic en el botón "Archivo" y eligiendo el comando "Guardar". Después de hacer clic en el botón "Guardar", se mostrará el cuadro de diálogo "Guardar como".
2 Nombra tu archivo CSS. Ingrese "SimpleCSS.css" o cualquier nombre en el cuadro de texto "Nombre de archivo" con una extensión ".css".
3 Haga clic en el botón "Guardar".
4 ¡Se hace!

Consejos

Guarde el archivo del Bloc de notas como Sólo texto (a veces puede llamarlo Documento de texto o ASCII) y asígnele la extensión ".css".
El código que escribimos aquí es solo un ejemplo para mostrarle cómo crear un archivo CSS básico usando el Bloc de notas para manipular sus elementos HTML en nuestra página web de muestra que se muestra en la sección Introducción. Puede cambiar nuestra codificación CSS, sin embargo, cómo desea formatear los estilos y la apariencia de las páginas web.
Recuerde colocar el documento CSS guardado en la misma carpeta que sus documentos HTML donde creó sus páginas web.
Una vez que haya creado su documento CSS, es posible que deba dar el siguiente paso; es decir, vincular un documento y una página web. Consulte los artículos relacionados para hacer esto.