El CSS es un lenguaje de hojas de estilo para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado. Es muy usado para establecer el diseño visual de las páginas web escritas en HTML o XHTML.
Existen varias versiones acerca de este tipo de lenguaje. La más actualizada es el CSS3. Se encuentra dividida en varios documentos separados, llamados «módulos». Cada módulo añade nuevas funcionalidades que permiten hacer webs más dinámicas y elaboradas, en comparación a las definidas en la versión anterior. Además se guardan las anteriores para mantener la compatibilidad.
Existen más de cincuenta módulos pero podemos destacar los siguientes:
- Media Queries (publicado en 2012). Permite adaptar la representación del contenido a características del dispositivo como la resolución de pantalla, o la presencia de caracterísitcas de accesibilidad como el braile.
- Selectors Level 3 (publicado en 2011). Es el nexo de unión entre la hoja de estilos y los documentos a los que se aplique dicha hoja.
- Color (publicado en 2011).
Algunas características que ofrece en CSS3 son imágenes con fondo, textos multi-columna, bordes con imágenes, sombras, animaciones, efectos, degrdaciones…
CARACTERÍSTICAS PARA QUE UNA WEB SEA CONSIDERADA DE FÁCIL UTILIZACIÓN: Existen 5 principales reglas para que una web se la pueda considerar «usable».
- Rápido: las páginas deben cargarse en una media de 4 segundos. Los usuarios lo más que esperarán en ver el contenido de una página web es de una media de 10 segundos. La mayoría de los usuarios disponen de módem para su acceso a Internet, por lo que nuestras páginas deben de ser lo menos pesadas posibles con el fin de que los usuarios no esperen mucho tiempo, porque de lo contrario cancelarán la visita.
- Simple: mantener una navegación constante. La llegada a la página web debe ser de una manera sencilla. Además, no hay que abusar de la utilización de la animación, esto puede abrumar y cansar la vista.
- Investigable: los motores de búsqueda buscan el texto real. No prestan ninguna atención a los gráficos y al código de programación (como el Javascript).
- Para la mayoría: los Sitios Web necesitan ser compatibles con todos los navegadores y ordenadores para su fácil usabilidad. Lo más útil es usar HTML siempre que sea posible, ya que es el código más compatible con todos los navegadores.
- Mantenerlo actualizado: Si una web ofrece información nueva, actual, será más visitada que una que solo contiene información anticuada.
- Atractivo: si la página tiene un formato más original y atractiva y un diseño más relevante, estará mejor posicionada.
- Adaptabilidad a los usuarios: es importante que la web esté adaptada a diferentes idiomas.
- Homogeneidad: este punto acoge al diseño visual y, sobre todo, al contenido. El aspecto visual debe corresponderse con el formato, el logotipo, los botones y otros elementos gráficos de la web.
- Coherencia: para garantizar coherencia, las fuentes, así como sus colores y tamaños, siempre deben ser los mismos.