Creación de una hoja de estilo css simple usando el bloc de notas
El Bloc de notas es un editor de texto que se pueden utilizar para crear un documento CSS (Cascading Style Sheets - Hojas de estilo en cascada). Después de crear un archivo CSS por el Bloc de notas, puede llamar a este archivo en su página web para que el contenido de la página está formateada para su hoja de estilo.
pasos
1
Bloc de notas abierta.
2
Copia el siguiente código:
@charset "UTF-8"- / * * * Documento CSS // Establecer el contenido de los colores * / body {background: # FFFFFF -} / * Esta sección es para los enlaces * / a: link {font-weight: normal Color: Azul marino} a: visitado {font-weight: normal Color: Verde-} a: hover {font-weight: Color bold-: Red-font-variant: small-caps -} / * Esta sección es para la sección del párrafo * / p { font-style: font-size italic- :. 18px;} {azul color: # 0000FF -} / * Esta sección es para el borde negro de la imagen * / img {border-color: # 000000- frontera: espesor frontera- estilo: Ridge-}
El Código #Cole "paso 2" en el Bloc de notas.
- 1Guarde el archivo de Bloc de notas. Guardarlo como "SimplesCSS.css" haciendo clic "expediente" y seleccione "guardar". Un cuadro de diálogo "Guardar como" Se verá después de hacer clic "guardar".
- 2El nombre de su archivo CSS. escribir "SimplesCSS.css" o cualquier nombre que prefiera en el cuadro de texto "nombre de archivo" a la extensión "css".
- 3Haga clic en el botón "guardar".
- 4Listo!
consejos
- Guarde el archivo de Bloc de notas como sólo texto (a veces puede ser llamado como documento de texto o ASCII) y coloque la extensión "css".
- El código que he escrito aquí es sólo un ejemplo para mostrar cómo crear un archivo de base de CSS usando el Bloc de notas para controlar cualquier elemento HTML en la página web de ejemplo se muestra en la sección de introducción. Puede cambiar el código CSS que desea formatear el estilo y la apariencia de su página web.
- Asegúrese de poner el documento CSS guardado en la misma carpeta de su documento HTML en el que creó la página web.
- Después de terminar la creación del documento CSS, puede que tenga que ir al siguiente paso que es, debe conectar su documento en la página web. Por favor utilice los artículos relacionados para hacerlo.
Cosas que necesitará
Una computadora
programa Bloc de notas
Un navegador web
Vídeo: enlazar html y css con bloc de notas
Vídeo: Pagina Web - Google Chrome - Notepad++ - HTML - CSS
De esta manera? Compartir en redes sociales: