Conexión de CSS con HTML
Desliza para mostrar el menú
Cómo se añade CSS a HTML
Existen tres formas de aplicar CSS a un documento HTML:
- Estilos en línea;
- Hojas de estilo incrustadas;
- Hojas de estilo externas.
Cada método funciona de manera diferente y se utiliza en distintas situaciones.
Estilos en línea
Los estilos en línea se escriben directamente dentro de un elemento HTML utilizando el atributo style.
Ejemplo:
index.html
Este estilo se aplica únicamente a este elemento específico.
Los estilos en línea son rápidos de utilizar, pero no son reutilizables y resultan difíciles de gestionar en proyectos de mayor tamaño.
Hoja de estilos incrustada
Una hoja de estilos incrustada se escribe dentro de las etiquetas <style> en la sección <head> de un documento HTML.
Ejemplo:
index.html
Este método aplica estilos a toda la página, pero solo dentro de este único archivo HTML.
Es útil para páginas pequeñas o independientes.
Hoja de estilos externa
El CSS externo almacena los estilos en un archivo .css separado y lo conecta al HTML usando la etiqueta <link>.
Ejemplo:
index.html
styles.css
Este método permite reutilizar estilos en varias páginas.
Es el enfoque preferido y más escalable para proyectos reales.
Estilos en línea: aplicados directamente a los elementos, pero no reutilizables.
Hoja de estilos incrustada: aplicada dentro del <head>, afecta solo a una página.
Hoja de estilos externa: almacenada en un archivo .css separado, reutilizable y recomendada para la mayoría de los proyectos.
En este curso, utilizaremos principalmente hojas de estilos externas.
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
