css

.css — Hoja de Estilos en Cascada

World Wide Web Consortium (W3C) · 1996

Desarrollador

World Wide Web Consortium (W3C)

Categoría

Archivos web

Tipo MIME

text/css

Primera versión

1996

Formato abierto

Sí

Firma de archivo

No specific magic bytes; typically starts with '@charset' or CSS rules

¿Qué es un archivo .css?

Un archivo CSS (Cascading Style Sheet) contiene reglas de estilo que los navegadores web utilizan para renderizar el contenido de documentos HTML o XML. Dicta la presentación visual de las páginas web, incluyendo aspectos como fuentes, colores, espaciado y diseño. Al separar la presentación del contenido, CSS permite un estilo consistente en múltiples páginas y un mantenimiento más fácil del diseño del sitio web.

Programas que abren archivos .css

Plataforma	Programa
Windows	Visual Studio Code	Gratis
	Notepad++	Gratis
	Sublime Text	De pago
	Adobe Dreamweaver	De pago
macOS	Visual Studio Code	Gratis
	Sublime Text	De pago
	BBEdit	De pago
	TextEdit	Gratis	Oficial

Problemas comunes con archivos .css

⚠️ Los estilos no se aplican como se esperaba.

Verifique si hay errores de sintaxis, selectores incorrectos o problemas de especificidad. Asegúrese de que el archivo CSS esté correctamente enlazado en el documento HTML y borre la caché del navegador.

⚠️ Problemas de diseño o elementos que aparecen incorrectamente.

Inspeccione las herramientas de desarrollo del navegador para depurar estilos, verificar reglas en conflicto o investigar las propiedades de `box-model` y `flexbox`/`grid`.

⚠️ Cuellos de botella de rendimiento debido a archivos CSS grandes.

Minifique el CSS, elimine estilos no utilizados y considere dividir las hojas de estilo grandes en archivos más pequeños y específicos que se carguen cuando sea necesario.

Preguntas frecuentes

¿Cuál es el propósito principal de CSS?▼

El propósito principal de CSS es definir la presentación visual y el diseño de las páginas web. Controla cómo se muestran los elementos HTML en pantalla, papel u otros medios, haciendo que los sitios web sean visualmente atractivos y fáciles de usar.

¿Se puede usar CSS sin HTML?▼

Aunque CSS está diseñado para dar estilo a lenguajes de marcado, principalmente HTML y XML, no puede existir de forma independiente para renderizar contenido. Necesita un documento estructurado (como HTML) para aplicar sus estilos a los elementos dentro de ese documento.

¿Qué son los frameworks CSS?▼

Los frameworks CSS son bibliotecas CSS preescritas que proporcionan una base para un desarrollo web más rápido y consistente. A menudo incluyen componentes listos para usar, cuadrículas y utilidades, como Bootstrap, Tailwind CSS o Bulma.

Detalles técnicos

Los archivos CSS son archivos de texto plano que constan de una serie de reglas, cada una de las cuales contiene un selector y un bloque de declaración. Aunque no existen 'bytes mágicos' específicos al principio, los archivos CSS a menudo comienzan con una regla `@charset` opcional o directamente con reglas de estilo, como `body { ... }`. Los navegadores analizan estas reglas para aplicar estilos a los elementos correspondientes.

¿Sabías que...?

El término 'Cascada' en Hojas de Estilos en Cascada se refiere al orden específico en que se aplican los estilos, permitiendo a los desarrolladores definir múltiples hojas de estilo y reglas que se fusionan y se anulan entre sí según la especificidad y la importancia.

Información de seguridad

Los archivos CSS en sí mismos son generalmente seguros, ya que son archivos basados en texto que definen la presentación. Sin embargo, CSS malicioso puede usarse junto con JavaScript y HTML (por ejemplo, mediante inyección de estilo) para desfigurar sitios web, extraer datos (por ejemplo, a través de selectores de atributos o patrones similares a keyloggers) o crear páginas de phishing sofisticadas. Asegúrese siempre de que los archivos CSS provengan de fuentes confiables y sanee los estilos generados por el usuario.