EniunEniunEniunEniun
  • Inicio
  • Servicios
    • Desarrollo Web
    • Diseño Web
    • Marketing Digital
    • Social Media
    • Experiencia de usuario
  • Nosotros
  • Diseño de Interfaces Web
  • Contacto
  • Blog
Contenido adicional
  • Metodología Scrum

¿Qué es CSS (Cascading Style Sheets)?

que es CSS Cascading Style Sheets

que es CSS Cascading Style Sheets

Tabla de contenidos

  • 1. ¿Qué es CSS?
  • 1.1. Soporte CSS en los navegadores más utilizados
  • 1.2. Sintaxis CSS
  • Comprueba tu aprendizaje

1. ¿Qué es CSS?

CSS (Cascading Style Sheets) es un lenguaje que nos permite controlar el aspecto de las páginas web escritas en HTML o en cualquier lenguaje de marcado basado en XML.  El lenguaje CSS está creado por el World Wide Web Consortium (W3C), la comunidad internacional que desarrolla estándares que aseguran el crecimiento futuro de la web y vela por conseguir webs disponibles para todo el mundo y desde cualquier dispositivo.

El lenguaje CSS se ha ido creando a lo largo del tiempo en varios niveles. Cada nivel de CSS se ha construido sobre el anterior, generalmente añadiendo funcionalidades nuevas. En el blog oficial de W3C se pueden consultar todas las publicaciones relacionadas con las novedades del estándar CSS.

CSS1 CSS2 CSS3

1.1. Soporte CSS en los navegadores más utilizados

Cada navegador ofrece un soporte CSS distinto. Por este motivo, es de esencial importancia conocer las características de los diferentes navegadores. En este sentido, lo más importante es conocer el tipo de motor ya que es el encargado de interpretar los códigos HTML y CSS. La tabla siguiente detalla el soporte de CSS1, CSS2 y CSS3 de los navegadores más utilizados actualmente.

Tabla 1.1: Soporte CSS1, CSS2 y CSS3 en los navegadores más utilizados.
Navegador Motor CSS1 CSS2 CSS3
Chrome WebKit Completo Completo Selectores, pseudo-clases y ciertas propiedades
Internet Explorer Trident Completo Completo Selectores, pseudo-clases y ciertas propiedades a partir de la versión 10.0 del navegador
Firefox Gecko Completo Completo Selectores, pseudo-clases y ciertas propiedades
Safari WebKit Completo Completo Selectores, pseudo-clases y ciertas propiedades
Opera Presto Completo Completo Selectores, pseudo-clases y ciertas propiedades

Para la elaboración de la tabla 1.1 se ha tenido como referencia la web Comparison of layout engines, donde se detallan las características CSS de cada navegador.

Los desarrolladores siempre deben comprobar que sus webs se visualizan correctamente en los diferentes navegadores. Ver más información en el apartado de “Buenas prácticas CSS”.

1.2. Sintaxis CSS

En CSS se utiliza la siguiente sintaxis para asignar valores a las propiedades de cada selector:

Sintaxis CSS
  • Selector: indica sobre qué elemento se aplican los estilos CSS.
  • Propiedad o atributo: indica qué característica se va a cambiar.
  • Valor: indica el valor de la propiedad que se desea modificar.
  • Comentario: los comentarios se escriben entre el carácter de apertura “/*” y el carácter de cierre “*/”.

El estándar CSS2 define más de 100 propiedades, cada una de ellas con su lista de valores permitidos. Por su parte, el estándar CSS3 ya incluye más de 200 propiedades o atributos.

A lo largo de todo el capítulo, se detallan en forma de tabla y mediante ejemplos las propiedades CSS más utilizadas en relación a los colores, el texto, los fondos, las listas, las tablas y el modelo de cajas. En el siguiente enlace puedes ver un resumen de las propiedades que se van a estudiar.

Comprueba tu aprendizaje

¿Qué significa CSS?

¡Bien! ¡Has fallado!

Indica las afirmaciones verdaderas

Please select 4 correct answers

¡Bien! ¡Has fallado!

El lenguaje CSS está creado por:

¡Bien! ¡Has fallado!

CSS3 ya incluye más de 2000 propiedades o atributos.

¡Bien! ¡Has fallado!

CSS. Qué es CSS
¡Muy bien!
Sigue repasando...
Compartir

UD3. CSS básico

  • 1. ¿Qué es CSS?
  • 2. ¿Cómo aplicar estilos CSS?
  • 3. Selectores
  • 4. Unidades de medida
  • 5. Colores y fondo
  • 6. Propiedades de texto
  • 7. Propiedades de las fuentes
  • 8. Propiedades de las listas
  • 9. Propiedades de las tablas
  • 10. Pseudo-clases y pseudo-elementos en CSS
  • 11. Prefijos CSS de los navegadores
  • 12. Buenas prácticas CSS
  • 13. Modelo de cajas: márgenes, relleno y bordes
  • 14. Posición y comportamiento de contenedores en CSS
  • 15. Formatos de las fuentes en CSS y utilización de repositorios
  • 16. Estilos en formularios CSS
  • 17. Resumen CSS
  • 18. Herramientas útiles, test de verificación y referencias
  • 19. Prácticas CSS
  • 20. Test de conocimientos CSS

Diseño de Interfaces Web

  • UD1. Planificación de interfaces gráficas
  • UD2. HTML
  • UD3. CSS básico
  • UD4. CSS avanzado
  • UD5. Imágenes, licencias y software de gestión
  • UD6. Sonido, vídeo y animaciones
  • UD7. Plantillas y frameworks de desarrollo
  • UD8. Integración de contenido interactivo
  • UD9. Diseño de webs accesibles
  • UD10. Usabilidad web
  • Metodología Scrum

ENLACES

  • Nosotros
  • Contacto
  • Mapa del sitio
  • Blog

CodePen

codepen

CURSOS

  • Diseño de Interfaces Web

REDES SOCIALES

NUESTRA MISIÓN

Queremos que consigas tus objetivos y que tu proyecto llegue a todo el mundo de la manera más óptima. Tu éxito es nuestro deseo y pondremos en práctica toda nuestra experiencia para que lo consigas.

Únete y recibe gratis contenido exclusivo



    © 2020 Eniun Diseño Web y Marketing Digital
    Política de privacidad y cookies
    • Metodología Scrum
    Contenido adicional
    • Metodología Scrum
    • Metodología Scrum
    Utilizamos cookies de terceros para personalizar el contenido, los anuncios y con motivos de análisis del tráfico. La navegación por la web implica la aceptación de nuestra Política de Cookies.Estoy de acuerdo