Como su nombre indica, permiten seleccionar aquellos elementos sobre los que se van a aplicar las reglas de estilo. En el módulo Introducción al HTML, exponemos qué es el HTML y cómo se usa para definir documentos destinados a leerse en un navegador web. Los títulos se verán más grandes que el texto y los párrafos empezarán en una línea nueva y habrá un https://barrazacarlos.com/es/el-curso-de-desarrollo-web-que-te-ensena-todo-sobre-frontend-y-backend/ espacio entre ellos. Los enlaces aparecerán en un color diferente y subrayados para distinguirlos del resto del texto. Vienen predeterminados por el navegador y, en la práctica, son estilos muy básicos que el navegador aplica al HTML para asegurarse, básicamente, de que sean legibles incluso si el autor de la página no especifica un estilo explícito.
- Los frameworks CSS permiten por tanto un desarrollo optimizado, que además es muy útil en proyectos empresariales, donde sea necesario seguir una misma línea de diseño por varios desarrolladores.
- Una declaración CSS siempre termina con un punto y coma, y los bloques de declaración están rodeados por llaves.
- Como hay tantas cosas que se podrían diseñar usando CSS, el lenguaje se divide en módulos.
- Esto hace que el marcado HTML sea mucho más limpio y fácil de mantener.
- Antes de CSS, todo el estilo debía incluirse en el marcado HTML.
En CSS, seleccionas qué propiedad quieres afectar en tu regla.
Especificaciones CSS
Puedes pensar en la mayoría de los elementos HTML de tu página como cajas apiladas una sobre la otra. Se le denomina Hojas de Estilos en Cascada porque las características se aplican de arriba a abajo mediante reglas que poseen un esquema prioritario. Puede que al principio sea un concepto un poco complicado de entender pero a la larga simplifica y mucho la creación de hojas de estilo más complejas. Aquí la práctica hace al maestro y este artículo pretende ser de introducción para que te animes a dar tus primeros pasos. Los preprocesadores no se ejecutan en el entorno del navegador.
La diferencia entre un sitio web que implementa CSS y uno que no, es enorme y definitivamente se nota. Cada declaración incluye un nombre de propiedad CSS y un valor, separados por dos puntos. Una declaración CSS siempre termina con un punto y coma, y los bloques de declaración están rodeados por llaves. 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.
¿Te gustaría recibir más contenido de altísima calidad como este y de forma totalmente gratuita?
El estilo determinado se aplica definiendo un valor sobre esa propiedad. Para resolver esto la W3C (World Wide Web Consortium), encargado de crear todos los estándares relacionados con la web, propuso la creación de un lenguaje de hojas de estilos específico para el lenguaje HTML y se presentaron nueve propuestas. Las dos propuestas que se tuvieron en cuenta fueron la CHSS (Cascading HTML Style Sheets) y la SSP (Stream-based Style Sheet Proposal). En los años 70, mucho antes de que la web diera sus primeros inicios, se desarrolló un rudimentario sistema de etiquetas llamado SGML. Desde la creación de SGML, se observó la necesidad de definir un mecanismo que permitiera aplicar de forma consistente diferentes estilos a los documentos electrónicos. Los estilos CSS hechos de esta manera se cargan cada vez que se actualiza un sitio web, lo que puede aumentar el tiempo de carga.
Dado que HTML es un lenguaje de marcado (es decir, constituye la base de un sitio) y CSS enfatiza el estilo (toda la parte estética de un sitio web), van de la mano. Una parte llamada “selector” y otra parte llamada “declaración”. La declaración indica “qué hay que hacer” y el selector indica “a quién hay que hacérselo”. Por lo tanto, los selectores son imprescindibles para aplicar de forma correcta los estilos CSS en una página. Hoy podemos decir que CSS cubre las necesidades de los diseñadores, más aún después de la aparición de CSS Flexbox, que permite agregar una facilidad enorme a la hora de colocar los elementos en la página. Las hojas de estilo en cascada llegaron al mundo de la web bastante más tarde que el lenguaje HTML.
Partes principales del CSS
En este artículo explicaremos qué es el curso de desarrollo web con un ejemplo de sintaxis sencillo y describiremos algunos términos clave sobre este lenguaje. Los navegadores Web al aplicar las reglas CSS a un documento modifican la manera en que este nos es presentado. El primero es un conjunto de propiedades con valores establecidos para actualizar la presentación del contenido HTML. Estos nos ayudan a seleccionar los elementos afectados por el nuevo valor de la propiedad. De esta manera evitamos que el CSS afecte a todos los elementos del HTML y solo aquellos que queramos. Por ejemplo a los elementos contenidos en primer parrafo de nuestro documento o seleccionar de manera alterna las filas de una tabla.
La ventaja de los frameworks basados en clases de utilidad es que el diseño que se consigue con ellos es totalmente único para cada sitio web, pero sin embargo la desventaja es que usan muchas clases para poder aplicar estilo a los elementos de la página. Además CSS 1 había sido presentado con bastantes carencias, lo que hizo que se tuviera que presentar un nuevo estándar rápidamente. Así fue como sería liberado como recomendación CSS 2 pasado apenas un año, en 1998. Con la llegada de Internet esta evidencia se hizo todavía más manifiesta y era necesario incorporar una tecnología que permitiera añadir una capa de personalización extra a los documentos HTML. La falta de un estándar hizo que compañías como Microsoft y Netscape, en ese momento en guerra por el navegador más popular, hizo la web un lugar en donde el mensaje “Este sitio web solo es compatible con Internet Explorer” fuera casi la norma.