EniunEniunEniunEniun
  • Inicio
  • Servicios
    • Desarrollo Web
    • Diseño Web
    • Marketing Digital
    • Social Media
    • Experiencia de usuario
  • Nosotros
  • Diseño de Interfaces Web
  • Blog
  • Contacto
✕
            No results See all results
            lista de colores html
            Lista de colores HTML
            09/09/2019
            estilos css
            ¿Cómo aplicar estilos CSS en un documento HTML?
            11/10/2019

            ¿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 (Cascading Style Sheets)?
            • 1.1. Soporte CSS en los navegadores más utilizados
            • 1.2. Sintaxis CSS

            1. ¿Qué es 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.

            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 la página oficial de W3C (w3.org/Style/CSS/) se pueden consultar todas las publicaciones relacionadas con las novedades del estándar CSS en sus diferentes versiones. 

            CSS1 CSS2 CSS3

            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 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.

            1.1. Soporte CSS en los navegadores más utilizados

            Cada navegador ofrece un soporte CSS distinto. Por este motivo, los desarrolladores siempre deben comprobar que sus webs se visualizan correctamente en los diferentes navegadores. 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 «*/».

            Comprueba tu aprendizaje

            ¿Qué significa CSS?

            ¡Bien! ¡Has fallado!

            Indica las afirmaciones verdaderas

            Selecciona 4 respuestas

            ¡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. Herramientas útiles, test de verificación y referencias
            • 18. Resumen CSS
            • 19. Prácticas CSS
            • 20. Test de conocimientos CSS
            • 21. Propiedades Personalizadas 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



              © 2022 Eniun Diseño Web y Marketing Digital
              Política de privacidad y cookies
                          No results See all results