Los selectores descendentes permiten aumentar la precisión del selector de tipo o etiqueta. Selecciona los elementos que se encuentran dentro de otros elementos. Esto significa que puedes hacer todo el estilizado en un archivo separado y aplicar el CSS a cualquier página que quieras. Esto significa que había que describir por separado todos los fondos, los colores de fuente, las alineaciones, etc.
Esto significa que el código se ha escrito para convertir las instrucciones que se especifican en nuestro archivo bootcamp de programación en algo que se pueda mostrar en pantalla. Veremos este proceso más en profundidad en el artículo Cómo funciona el CSS. Es inusual que todos los navegadores puedan implementar una misma característica al mismo tiempo, por lo que suele haber una brecha en la que se pueden usar algunas partes del CSS en algunos navegadores pero no en otros. Por este motivo, es útil poder verificar el estado de implementación. En cada una de las páginas de propiedades que hay en la MDN se puede ver el estado de la propiedad de interés, por lo que se puede saber si será posible utilizarla en un sitio web.
Anatomía de una regla CSS
Como hay tantas cosas que se podrían diseñar usando CSS, el lenguaje se divide en módulos. Verás referencias a estos módulos a medida que explores en MDN y observarás que muchas de las páginas de documentación están organizadas en torno a un módulo en particular. Por ejemplo, puedes echar un vistazo a la referencia MDN del módulo Fondos y bordes para averiguar cuál es su propósito, qué otras propiedades y características diferentes contiene.
Estas “cajas” se formatean especificando el tamaño, la forma y el color. Además de estos sencillos atributos, existen instrucciones CSS más sofisticadas para insertar sombras en el texto, añadir funciones de filtro para las imágenes y resaltar formularios y otros elementos. Por ejemplo, las cabeceras (h1), sub-cabeceras (h2 ej. red), sub-sub-cabeceras (h3), etc., son definidas estructuralmente usando HTML. En la impresión y las pantallas, la elección de la fuente, tamaño, color y énfasis para esos elementos es presentacional. Antes de comenzar con este tema, deberemos tener conocimientos básicos sobre el uso de ordenadores y sobre el uso pasivo de la Web (navegar y consumir contenido).
Posicionar y dar estilo al título principal de la página
Este es el método más común y útil para adjuntar CSS a un documento, porque puedes vincular el CSS a varias páginas y dar estilo a todas ellas con la misma hoja de estilo. En la mayoría de los casos, las diferentes páginas de un sitio web se verán más o menos iguales, de modo que puedes usar el mismo conjunto de reglas para el aspecto y la interacción básicos. Los navegadores Web al aplicar las reglas CSS a un documento modifican la manera en que este nos es presentado.
Entran sudores solo de pensarlo, pero así era todo no hace muchos años atrás. Las reglas de la estructura son bastante simples, así que no te preocupes. En resumen, con CSS no tienes que describir repetidamente cómo se ven los elementos individuales. Esto ahorra tiempo, hace el código más corto y menos propenso a errores. La diferencia entre un sitio web que implementa CSS y uno que no, es enorme y definitivamente se nota. Tu página web de aspecto profesional para tu negocio online y con IA.
Ventajas y desventajas de usar Framework CSS
La solución para profesionales simplifica el trabajo y ofrece numerosas opciones de diseño. Sigue leyendo para saber más sobre el framework y por qué a los principiantes les puede ir mejor utilizar una alternativa a Tailwind https://www.diginota.com/el-mejor-bootcamp-de-programacion-en-el-mundo-por-que-elegir-tripleten-para-entrar-en-ti/. Si quieres encontrar más, puedes ir a la página de aprendizaje de CSS.
- La solución vino de la mano de CSS (siglas en inglés de Cascading Style Sheets), en español “Hojas de estilo en cascada”, un lenguaje de marcas enfocado a definir, crear y mejorar la presentación de un documento basado en HTML.
- Esto ahorra tiempo, hace el código más corto y menos propenso a errores.
- En la mayoría de los casos, las diferentes páginas de un sitio web se verán más o menos iguales, de modo que puedes usar el mismo conjunto de reglas para el aspecto y la interacción básicos.