¿Qué Es Un CSS en Programación Web?

Descargar como docx, pdf o txt
Descargar como docx, pdf o txt
Está en la página 1de 3

CSS.

¿Qué es un CSS en programación web?

El CSS podría definirse como un tipo de lenguaje que permite definir y crear la

presentación visual de un documento ya estructurado y escrito en un lenguaje de

marcado como puede ser HTML. Es decir, permite generar el diseño visual de

páginas web e interfaces de usuario.

Las siglas CSS corresponden a “Cascading Style Sheets”, cuyo significado es:

 Cascading: Los estilos aplicados a los elementos de una página web se

propagan de manera descendente a los elementos contenidos en ellos.

 Style: Mediante las indicaciones CSS lo que hacemos es aplicar estilos

visuales a los diferentes elementos de las páginas web.

 Sheets: Cuando se generan los estilos de una página web se añaden en

ficheros aparte u hojas con la extensión “.css”

¿Como se programan, codifican, colocan en una página web?

Lo primero que se debe hacer es decirle al documento HTML que hay algunas

reglas CSS que queremos que use. Hay tres formas diferentes de aplicar CSS a

un documento HTML, sin embargo, por ahora, veremos la forma más habitual y útil

de hacerlo: vincular el CSS desde el encabezado del documento.

Crea un archivo en la misma carpeta que tu documento HTML y guárdalo

como styles.css. La extensión .css muestra que es un archivo CSS.


Para vincular styles.css a index.html, añade la siguiente línea en algún lugar

dentro del <head> del documento HTML:

<link rel="stylesheet" href="styles.css" />

Este elemento <link> le dice al navegador que hay una hoja de estilo con el

atributo rel y la ubicación de esa hoja de estilo como el valor del atributo href.

Puedes probar si el CSS funciona añadiendo una regla a styles.css. Usando el

editor de código, añade lo siguiente al archivo CSS:

h1 {

color: red;

¿Como podemos conocer que una página utiliza css?

Existen varias señales que nos indican si una página web ha sido desarrollada con

CSS. Una de las más evidentes es la presencia de estilos visuales, como colores,

bordes y sombras. Si vemos que los elementos de la página tienen un aspecto

cuidado y atractivo, es muy probable que se haya utilizado CSS en su desarrollo.

Además, si al inspeccionar el código fuente encontramos referencias a archivos

CSS, como enlaces a hojas de estilo externas o etiquetas


Referencias:
Empezar con CSS - Aprende desarrollo web | MDN. (2024, 28 julio). MDN Web Docs.
https://developer.mozilla.org/es/docs/Learn/CSS/First_steps/Getting_started

Cyberstream. (2024, 12 febrero). ¿Cómo identificar si una página web fue desarrollada con CSS?
Byron Vargas ®. https://www.byronvargas.com/web/como-saber-si-una-pagina-web-en-css/

También podría gustarte