Devenia Aprender / Glosario
Entender el estilo con CSS
CSS controla el aspecto del contenido HTML: la tipografía, los colores, el espaciado, el diseño y el comportamiento adaptable. Usa esta guía para entender qué puede cambiar el estilo y qué no puede solucionar.
Empieza por un correo. Comparte la página o tu pregunta y te responderemos con claridad.
Usa CSS como capa de presentación.
En una pantalla grande, CSS puede colocar dos columnas del menú una junto a otra. En un teléfono, puede apilarlas. Los platos y los precios no cambian.
Qué puede cambiar el estilo
Un título más grande no puede sustituir una hora de apertura que falta ni explicar una oferta poco clara. Corrige primero las palabras y usa después los estilos para que sean fáciles de encontrar. Para ver un primer ejemplo de código, consulta la introducción de MDN a CSS.
Por qué un estilo sobrescribe a otro
Por ejemplo, un color de enlaces puede aplicarse a todo el sitio. Otro puede aplicarse a los enlaces de navegación. Los dos pueden afectar a un enlace del menú.
Si un cambio de color no produce ningún efecto visible, inspecciona el elemento en las herramientas para desarrolladores. El panel Estilos muestra las reglas coincidentes y las declaraciones tachadas. Comprueba qué regla gana antes de añadir otra sobrescritura.
Comprueba que la gente pueda usar la página
Después de cambiar un estilo, prueba la página con contenido real. Los títulos largos, los menús y los precios pueden revelar problemas que el texto breve de ejemplo oculta.
Un buen estilo ayuda a los visitantes a leer y actuar. No garantiza mejores posiciones en los resultados de búsqueda. la guía de Google sobre la experiencia de página deja claro que una buena experiencia por sí sola no garantiza la primera posición.
CSS: preguntas frecuentes
Volver al glosario.
¿Qué significa CSS?
CSS significa Cascading Style Sheets, es decir, hojas de estilo en cascada. Controla el aspecto de los elementos HTML: tipografía, colores, espaciado y diseño.
¿Cuál es la diferencia entre HTML y CSS?
HTML proporciona estructura y significado, como títulos, párrafos y listas. CSS proporciona la presentación: el aspecto de esos elementos.
¿Necesito aprender CSS para crear un sitio web?
No. Un tema o un editor visual puede ofrecer controles de color, tipografía y diseño. Úsalos primero para mantener la coherencia entre las páginas relacionadas. Aprende CSS cuando necesites entender o cambiar una regla de presentación que esos controles no cubren.
¿Qué es el diseño adaptable?
El diseño adaptable significa que un sitio web se ajusta a distintos tamaños de pantalla. CSS cambia el diseño y el espaciado para teléfonos, tabletas y ordenadores.
¿Afecta CSS al SEO?
CSS puede afectar a cómo se muestra y carga una página. Cambiar colores o espaciado no mejora por sí solo la posición en los resultados. Mantén accesible el contenido útil. Cuando cambies los estilos, comprueba el diseño móvil y el comportamiento de carga.
¿Tienes una pregunta práctica sobre CSS?
Envía la dirección de la página, el elemento que se ve mal y el tamaño de pantalla en el que aparece el problema. Incluye también qué esperabas ver para que podamos identificar el cambio de estilo necesario.