Cómo crear una hoja de estilos CCS simple usando el bloc de notas

Descargar el PDF
Coescrito por Personal de wikiHow

Descargar el PDF

Este wikiHow te enseñará cómo usar la aplicación Bloc de notas de Windows para guardar información para una página web escrita en HTML y CSS. HTML es el lenguaje de programación usado para crear tu página web, mientras que CSS es el lenguaje que determina el estilo (color, fuente, etc.) de los elementos HTML de la página web.

Parte 1
Parte 1 de 3:

Crear una página HTML

Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8d\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-1-Version-3.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-1-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8d\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-1-Version-3.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Abre Inicio
    Windows Start
    {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/0\/07\/Windowsstart.png","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/07\/Windowsstart.png\/30px-Windowsstart.png","smallWidth":460,"smallHeight":460,"bigWidth":30,"bigHeight":30,"licensing":"<div class=\"mw-parser-output\"><p>html\n<\/p><\/div>"}
    , escribe bloc de notas y haz clic en la aplicación azul Bloc de notas de la parte superior de la ventana de "Inicio".
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ef\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-2-Version-3.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ef\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-2-Version-3.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Escribe <!DOCTYPE html> en el Bloc de notas y luego presiona ↵ Enter para comenzar una nueva línea.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c5\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-3-Version-3.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c5\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-3-Version-3.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Escribe <html> y presiona ↵ Enter .
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a2\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-4-Version-3.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a2\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-4-Version-3.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Escribe <body> y presiona ↵ Enter . Ahora puedes empezar a ingresar la información de la página web.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a7\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-5-Version-3.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a7\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-5-Version-3.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Escribe <h1>TEXTO</h1> , asegurándote de reemplazar "TEXTO" con el título de página que prefieras, y presiona ↵ Enter .
    • Por ejemplo, para crear un encabezado de página que diga "¡Bienvenido!", escribirías <h1>¡Bienvenido!</h1> en el Bloc de notas.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5f\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-6-Version-2.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-6-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5f\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-6-Version-2.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-6-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Escribe <p1>TEXTO</p1> , asegurándote de reemplazar "TEXTO" con el mensaje que prefieras, y presiona ↵ Enter .
    • Por ejemplo, para añadir un texto que diga "Soy una iguana", ingresarías <p1>Soy una iguana</p1> en el Bloc de notas.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/df\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-7.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/df\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-7.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Cada encabezado y párrafo subsiguiente debe tener un número ascendente aplicado a él. Por ejemplo, el segundo encabezado tendría las etiquetas <h2></h2> alrededor, y el segundo párrafo tendrá las etiquetas <p2></p2> .
    • Asegúrate de seguir presionando ↵ Enter después de cada línea de código.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/97\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-8.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/97\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-8.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Una vez que hayas ingresado la última línea de código, escribe </body> en su propia línea y presiona ↵ Enter , y luego escribe </html> . El documento ahora está listo para darle estilo con CSS.
    Anuncio
Parte 2
Parte 2 de 3:

Añadir CSS

Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c9\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-9.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c9\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-9.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    CSS se usa para cambiar la apariencia de un elemento HTML (por ejemplo, un párrafo). CSS normalmente se escribe en el siguiente formato de línea por línea: [1]
    • etiqueta del elemento { (por ejemplo, p { )
    • modificador: propiedad; (por ejemplo, font-size: 20px; )
    • modificador: propiedad; (por ejemplo, color: black; )
    • }
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/bc\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-10.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bc\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-10.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-10.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Estas deben estar cerca de la parte superior de la página.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/87\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-11.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/87\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-11.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-11.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Escribe <head> y presiona ↵ Enter .
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/47\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-12.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/47\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-12.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-12.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Escribe <style> y presiona ↵ Enter .
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/aa\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-13.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/aa\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-13.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-13.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Para hacerlo:
    • Escribe body { y presiona ↵ Enter .
    • Escribe background-color: lightblue; y presiona ↵ Enter .
      • Puedes usar cualquier color que sea soportado, además de los modificadores "light" (claro) o "dark" (oscuro).
    • Escribe } y presiona ↵ Enter .
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c8\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-14.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-14.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c8\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-14.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-14.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Escribe h1 { y presiona ↵ Enter , añade un modificador y presiona ↵ Enter , y escribe } y presiona ↵ Enter . Puedes añadir varios modificadores a un elemento siempre y cuando cada modificador esté en su propia línea. Modificadores comunes incluyen los siguientes:
    • Tamaño de texto : escribe font-size: 30px; para establecer el texto como una fuente de 30 puntos. Sustituye el número con cualquiera que quieras usar.
    • Color de texto : escribe color: black; para hacer el texto negro. Sustituye el color por cualquiera que quieras usar.
    • Alineación del texto : escribe text-align: center; para centrar el texto. También puedes escribir left (izquierda) o right (derecha) para alinear el texto apropiadamente.
    • Fuente usada : escribe font-family: times new roman; para establecer la fuente como Times New Roman. También puedes usar fuentes como verdana o georgia .
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/97\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-15.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-15.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/97\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-15.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-15.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Escribe p1 { y presiona ↵ Enter , añade un modificador y presiona ↵ Enter , y escribe } y presiona ↵ Enter .
    • Los modificadores que puedes usar son idénticos a los usados para el encabezado.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1e\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-16.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-16.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1e\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-16.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-16.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Puedes darle estilo a cualquier elemento haciendo referencia al texto de su etiqueta y colocando una llave abierta ({), añadiendo modificadores y luego cerrando la llave (}).
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a2\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-17.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-17.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a2\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-17.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-17.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    En una nueva línea debajo del último texto de estilo, escribe </style> y presiona ↵ Enter , y luego escribe </head> y presiona ↵ Enter . La hoja CSS está completa, lo que significa que ahora puedes revisarla y guardarla.
    Anuncio
Parte 3
Parte 3 de 3:

Guardar el documento

Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a2\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-18.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-18.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a2\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-18.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-18.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    El documento CSS variará un poco, pero debe verse algo así:
    • <!DOCTYPE html>
    • <html>
    • <head>
    • <style>
    • body {
    • background-color: lightblue;
    • }
    • h1 {
    • font-size: 45px;
    • }
    • p1 {
    • color: black;
    • }
    • </style>
    • </head>
    • <body>
    • <h1>Hi!</h1>
    • <p1>Soy una iguana</p1>
    • </body>
    • </html>
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f7\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-19.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-19.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f7\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-19.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-19.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Está en la esquina superior izquierda de la ventana del Bloc de notas. Aparecerá un menú desplegable.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f8\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-20.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-20.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f8\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-20.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-20.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Esto lo verás cerca del final del menú desplegable. Al hacerle clic, se abrirá una ventana.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/41\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-21.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-21.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/41\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-21.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-21.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Haz clic en una carpeta (por ejemplo, Escritorio ) en el lado izquierdo de la ventana.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3d\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-22.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-22.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3d\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-22.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-22.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Aparecerá un menú desplegable.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e9\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-23.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-23.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e9\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-23.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-23.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Está en el menú desplegable.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9c\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-24.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-24.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9c\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-24.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-24.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    En el campo de texto de "Nombre", escribe el nombre de documento que prefieras (por ejemplo, "Mi CSS") seguido de .html .
    • Por ejemplo, si nombraste al archivo "Mi CSS", escribirías mi css.html en el campo.
    • Si usas un programa que pueda ejecutar archivos ".css", puedes usar .css en vez de .html .
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/68\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-25.jpg\/v4-460px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-25.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/68\/Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-25.jpg\/v4-728px-Create-a-Simple-CSS-Stylesheet-Using-Notepad-Step-25.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Está en la parte inferior derecha de la ventana "Guardar como". Esto guardará la hoja CSS en un formato ejecutable, lo que significa que puedes abrirlo en tu navegador o editor HTML preferido en lugar de en el Bloc de notas.
    Anuncio

Consejos

  • Al codificar en HTML o CSS, en realidad no importa cuántos espacios haya entre las líneas de código. Puedes presionar ↵ Enter varias veces después de cada línea sin cambiar la función del programa.
  • Trata de poner sangría en diferentes partes de la hoja de estilo CSS para hacer que sea más fácil encontrar los elementos. Por ejemplo, podrías poner sangría al código del encabezado una vez y al código del párrafo dos veces.
Anuncio

Advertencias

  • Siempre prueba el código antes de cargarlo a un sitio web o compartirlo con otras personas.
Anuncio

wikiHows relacionados

Cómo
crear CSS
Cómo
agregar un archivo CSS al HTML
Anuncio

Referencias

  1. ↑ https://www.w3schools.com/css/

Acerca de este wikiHow

En otros idiomas
Esta página ha recibido 37 453 visitas.

¿Te ayudó este artículo?

Anuncio