Los sitios web se verían aburridos si todos tuvieran el mismo estilo. Afortunadamente para nosotros, existe una funcionalidad para variar los diseños web, desde el texto y el color de fondo hasta los diseños y los efectos visuales.
HTML es un lenguaje de marcado que nos permite crear y estructurar contenido web. Sin embargo, sus limitaciones eran evidentes incluso en los primeros días de Internet: no había forma de diseñar el contenido, excepto algunos colores básicos de texto y fondo. Así que se inventó un nuevo lenguaje de marcado para usar junto con HTML: CSS, abreviatura de hojas de estilo en cascada. Se llama "en cascada" porque cuando se aplica un estilo a un elemento, se aplica automáticamente a todos los elementos anidados dentro de él.
<aside> 💡 Hoy en día, usamos HTML y CSS para crear páginas web, para estructurar y diseñar el contenido, respectivamente. CSS nos permite controlar el color del texto, la fuente, el tamaño, el espacio entre los elementos, la posición y el diseño de los elementos, las imágenes de fondo, los colores, cómo se ve el sitio web en diferentes dispositivos y tamaños de pantalla, y más.
</aside>
Hay diferentes formas de agregar CSS a un documento HTML:
style<style>en la sección <head>.<link>para vincular a un archivo CSS externo.La forma más común es usar estilos externos.
Ahora que comprende un poco acerca de la sintaxis del estilo CSS en línea, echemos un vistazo a los ejemplos.
Supongamos que desea establecer que la alineación de un párrafo esté centrada de forma predeterminada. El texto generalmente se alinea a la izquierda o a la derecha según la dirección de escritura predeterminada del idioma. Usa la propiedad text-aligny elige el valor center, left ****y right ****son el otro de los posibles valores de esta propiedad.
Escribir código le da al navegador comandos sobre cómo mostrar su contenido. Al aplicar un estilo CSS en línea a un elemento, debe comunicar 3 cosas al navegador: