Estilos CSS en HTML
Página 11 | Escuchar en audio
Estilos CSS en HTML
CSS (hojas de estilo en cascada) es un lenguaje de estilo utilizado para definir la apariencia y el diseño de un documento HTML. Con CSS, puede separar el contenido del documento de su presentación visual, lo que hace que el mantenimiento y la actualización de su sitio sean más fáciles y eficientes.
Hay tres formas de agregar estilos CSS a un documento HTML:
- Estilos en línea: se aplican directamente a un elemento HTML mediante el atributo "estilo".
- Estilos internos: se definen dentro de la sección "head" del documento HTML, usando la etiqueta "style".
- Estilos externos: se definen en un archivo CSS separado y se vinculan al documento HTML a través de la etiqueta "enlace".
Independientemente de la forma elegida, los estilos CSS se componen de un selector y un conjunto de propiedades y valores. El selector se utiliza para elegir los elementos HTML para recibir los estilos, mientras que las propiedades y los valores definen la apariencia y el diseño de estos elementos.
Por ejemplo, el siguiente código CSS define un estilo para todos los encabezados h1 en el documento:
En este caso, el selector es "h1" y las propiedades y valores establecen el color del texto en rojo, el tamaño de fuente en 24 píxeles y la alineación del texto en el centro.
Además de las propiedades de estilo básicas, como el color, la fuente y el tamaño, CSS proporciona una amplia variedad de propiedades para controlar la apariencia y el diseño de los elementos HTML. Algunas de las propiedades más comunes incluyen:
- background-color: establece el color de fondo del elemento.
- borde: define el borde del elemento, incluido su grosor, estilo y color.
- relleno: define el espacio dentro del elemento, entre su contenido y su borde.
- margen: define el espacio fuera del elemento, entre su borde y el siguiente elemento.
- mostrar: define cómo se muestra el elemento en la página, como bloque, en línea o flexible.
- posición: define la posición del elemento en la página, como estática, relativa o absoluta.
Al combinar estas propiedades y valores, puede crear diseños complejos y personalizados para un sitio web. Sin embargo, es importante recordar que el uso de CSS debe ser responsable y eficiente, evitando el uso excesivo de estilos y asegurando la accesibilidad y usabilidad del sitio para todos los usuarios.
Ahora responde el ejercicio sobre el contenido:
_¿Cuál de las siguientes es una forma de agregar estilos CSS a un documento HTML?
¡Tienes razón! Felicitaciones, ahora pasa a la página siguiente.
¡Tú error! Inténtalo de nuevo.
Siguiente página del libro electrónico gratuito:
12Introducción a JavaScript en HTML
1 minutos
¡Obtén tu certificado para este curso gratis! descargando la aplicación Cursa y leyendo el libro electrónico allí. ¡Disponible en Google Play o App Store!
