Que es css en programacion web

Inicio » Que es css en programacion web

Codificación css

CSS son las siglas de Cascading Style Sheets (hojas de estilo en cascada). Es el lenguaje de codificación que da a un sitio web su aspecto y diseño. Junto con el HTML, el CSS es fundamental para el diseño web. Sin él, los sitios web seguirían siendo texto plano sobre fondos blancos.

Antes de que el World Wide Web Consortium (W3C) desarrollara el CSS en 1996, las páginas web estaban muy limitadas tanto en su forma como en su función. Los primeros navegadores presentaban una página como hipertexto: texto plano, imágenes y enlaces a otras páginas de hipertexto. No había ningún tipo de diseño, sólo párrafos que se extendían por la página en una sola columna.

El primer navegador comercial que leyó y utilizó CSS fue Internet Explorer 3 de Microsoft en 1998. A día de hoy, la compatibilidad con ciertas funciones CSS varía de un navegador a otro. El W3C, que sigue supervisando y creando estándares web, ha publicado recientemente un nuevo estándar para CSS: CSS3. Con CSS3, los desarrolladores esperan que los principales navegadores lean y muestren todas las funciones CSS de la misma manera.

Para entender los fundamentos del funcionamiento de CSS, primero hay que comprender un poco el HTML moderno. Los desarrolladores web diseñan las páginas según el “modelo de caja”. Una página web es una serie de cajas, cada una de las cuales contiene un elemento discreto. Estas cajas están anidadas, una dentro de otra.

Plantilla de hoja de estilo css

CSS está diseñado para permitir la separación de la presentación y el contenido, incluyendo el diseño, los colores y las fuentes[3]. Esta separación puede mejorar la accesibilidad del contenido; proporcionar más flexibilidad y control en la especificación de las características de la presentación; permitir que varias páginas web compartan el formato especificando el CSS relevante en un archivo .css separado, lo que reduce la complejidad y la repetición en el contenido estructural; y permitir que el archivo .css se almacene en la caché para mejorar la velocidad de carga de la página entre las páginas que comparten el archivo y su formato.

La separación del formato y el contenido también hace posible presentar la misma página de marcado en diferentes estilos para diferentes métodos de representación, como en pantalla, en impresión, por voz (a través de un navegador basado en el habla o un lector de pantalla) y en dispositivos táctiles basados en Braille. CSS también tiene reglas para alternar el formato si se accede al contenido en un dispositivo móvil[4].

Las especificaciones CSS son mantenidas por el Consorcio de la World Wide Web (W3C). El tipo de medio de Internet (tipo MIME) text/css está registrado para su uso con CSS mediante el RFC 2318 (marzo de 1998). El W3C dispone de un servicio gratuito de validación de documentos CSS[5].

Selectores css

Si te interesa el diseño o el desarrollo web, probablemente en algún momento te hayas preguntado: “¿Para qué se usa CSS?”. Este blog responderá a esa pregunta y te dará algunos antecedentes sobre por qué podrías querer aprender a usarlo.

El CSS es responsable del estilo del texto, el tamaño, el posicionamiento, el color y más en un sitio web. También es lo que controla cómo cambia el estilo de un sitio web entre las versiones de escritorio y móviles. Sin CSS, los sitios web tendrían un aspecto bastante aburrido.

Hay muchas razones por las que querrás usar CSS en el diseño web. En primer lugar, el CSS puede ahorrarte tiempo. Una vez que tienes una hoja de estilo creada, puedes utilizarla varias veces. La mejor práctica para el CSS es guardarlo como un archivo .css, separado de tu archivo .html. La hoja de estilo puede entonces vincularse a su archivo HTML. Cuando encuentres un estilo que te guste, puedes aplicarlo a todas las páginas que quieras.

En segundo lugar, el CSS es eficiente. Sólo se necesitan unas pocas líneas de código para dictar el estilo en una página web, lo que acelera el tiempo de carga y mantiene los archivos relativamente ligeros. Por último, es fácil de aprender y actualizar para los usuarios, lo que hace que los cambios globales de estilo sean sencillos y rápidos.

Selector de id css

CSS (Cascading Style Sheets) es el código que da estilo al contenido web. Los fundamentos de CSS te guían a través de lo que necesitas para empezar. Responderemos a preguntas como: ¿Cómo hago que el texto sea rojo? ¿Cómo puedo hacer que el contenido se muestre en un lugar determinado del diseño (de la página web)? ¿Cómo decoro mi página web con imágenes y colores de fondo? ¿Qué es CSS? Al igual que HTML, CSS no es un lenguaje de programación. Tampoco es un lenguaje de marcado. CSS es un lenguaje de hojas de estilo. El CSS es lo que se utiliza para dar estilo a los elementos HTML de forma selectiva. Por ejemplo, este CSS selecciona el texto de los párrafos y le da un color rojo:

Para que el código funcione, tenemos que aplicar este CSS (arriba) a tu documento HTML. De lo contrario, el estilo no cambiará la apariencia del HTML. (Si no has estado siguiendo nuestro proyecto, haz una pausa aquí para leer Cómo tratar con archivos y fundamentos de HTML).

A la derecha de la propiedad -después de los dos puntos- está el valor de la propiedad. Esto elige una de las muchas apariencias posibles para una propiedad dada. (Por ejemplo, hay muchos valores de color además del rojo).

Ir arriba