Como enlazar una pagina html con css
enlace html
El CSS que creamos actuará como una hoja de estilo para nuestras páginas web. Es lo que controlará el tipo, el color, el diseño e incluso las piezas interactivas. Para que nuestras páginas HTML hagan uso de las reglas CSS, tenemos que asegurarnos de que nuestra página HTML haga referencia, o las adjunte, de alguna manera.
El mejor método para adjuntar tus hojas de estilo CSS es utilizar estilos externos. Con este método, escribirás todo tu CSS en un archivo separado con una extensión .css. Luego puedes enlazar al archivo CSS desde cada una de tus páginas HTML.
ejemplo de archivo css
Usando un Estilo Inline Es un método más fácil para añadir el estilo CSS a nuestro documento o código Html. Pero no podemos reutilizar este método, por lo que la reutilización es la desventaja de este método. Si queremos añadir el CSS usando el estilo en línea a nuestro documento Html entonces tenemos que seguir los pasos que se dan a continuación: Paso 1: En primer lugar, tenemos que escribir el código Html en cualquier editor de texto o abrir el archivo Html existente en el editor de texto en el que queremos vincular el CSS utilizando el estilo en línea.
Paso 2: Ahora, tenemos que utilizar el atributo de estilo en el inicio de ese texto en el que queremos utilizar CSS. Por lo tanto, tenemos que escribir el atributo de estilo dentro de una etiqueta particular para vincular el CSS a Html utilizando el estilo en línea como se muestra en el siguiente bloque:
Pruébelo ahora Paso 4: Ahora, guarde el código Html y luego ejecútelo. Cuando el código se ejecute con éxito en el navegador, entonces se mostrará la salida. La siguiente captura de pantalla muestra la salida del código Html anterior: Usando una Hoja de Estilo Interna Aquellas hojas que sólo afectan al documento Html en el que están incrustadas se conocen como Hojas de Estilo Internas. Estas hojas de estilo se definen entre el inicio y el cierre de la etiqueta <head>. Si queremos añadir el CSS usando la hoja de estilo interna a nuestro documento Html entonces tenemos que seguir los pasos que se dan a continuación: Paso 1: En primer lugar, tenemos que escribir el código Html en cualquier editor de texto o abrir el archivo Html existente en el editor de texto en el que queremos vincular el CSS utilizando la hoja de estilo interna.
css externo
El CSS que creamos actuará como hoja de estilo para nuestras páginas web. Es lo que controlará el tipo, el color, el diseño e incluso las piezas interactivas. Para que nuestras páginas HTML hagan uso de las reglas CSS, tenemos que asegurarnos de que nuestra página HTML haga referencia, o las adjunte, de alguna manera.
El mejor método para adjuntar tus hojas de estilo CSS es utilizar estilos externos. Con este método, escribirás todo tu CSS en un archivo separado con una extensión .css. Luego puedes enlazar al archivo CSS desde cada una de tus páginas HTML.
hoja de estilo css
Con CSS, puede controlar el color, la fuente, el tamaño del texto, el espacio entre elementos, cómo se posicionan y disponen los elementos, qué imágenes o colores de fondo deben utilizarse, diferentes visualizaciones para distintos dispositivos y tamaños de pantalla, ¡y mucho más!
Consejo: La palabra cascada significa que un estilo aplicado a un elemento padre se aplicará también a todos los elementos hijos dentro del padre. Por lo tanto, si estableces el color del cuerpo del texto en «azul», todos los encabezados, párrafos y otros elementos de texto dentro del cuerpo también tendrán el mismo color (a menos que especifiques otra cosa).
La forma más común de añadir CSS, es mantener los estilos en archivos CSS externos. Sin embargo, en este tutorial usaremos estilos internos y en línea, porque es más fácil de demostrar, y más fácil para que lo pruebes tú mismo.
El siguiente ejemplo establece el color del texto de TODOS los elementos <h1> (en esa página) en azul, y el color del texto de TODOS los elementos <p> en rojo. Además, la página se mostrará con un color de fondo «powderblue»: