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

Imagen titulada Crear una hoja de estilo CSS simple usando el Bloc de notas Paso 1
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.

    Imagen titulada Crear una hoja de estilo CSS simple usando el Bloc de notas Paso 2


    1. Imagen titulada Crear una hoja de estilo CSS simple usando el Bloc de notas Paso 3
      1
      Guarde 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".
    2. Imagen titulada Crear una hoja de estilo CSS simple usando el Bloc de notas Paso 4
      2
      El 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".


    3. Imagen titulada Crear una hoja de estilo CSS simple usando el Bloc de notas Paso 5
      3
      Haga clic en el botón "guardar".
    4. Imagen titulada Crear una hoja de estilo CSS simple usando el Bloc de notas Paso 6


      4
      Listo!

    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:


    Opiniones y Comentarios

    Artículos Relacionados