Archive by category Curso CSS

Ventajas del uso de SASS

Ventajas del uso de SASS

Introducción Syntactically Awesome Stylesheets (SASS) es un metalenguaje de Cascade Stylesheet (CSS), es un azúcar sintáctico del lenguaje CSS, es decir, añadidos a la sintaxis del lenguaje sin que afecte su funcionalidad. SASS es un lenguaje de script, el cual al compilarse produce una hoja de estilo, que nos permite usar variables, funciones, anidamiento y […]

Ventajas del uso de LESS

Ventajas del uso de LESS

¿Que es LESS? LESS es un pre-procesador de CSS, por su traducción al español nos encontramos con “Menos”, y si nos damos cuentas LESS es una nueva forma de tener un CSS  “Menos” complicado por decirlo de alguna forma. LESS, es una extensión del CSS, al cual le añade nuevas características muy útiles que se […]

Aprende CSS respondiendo estas preguntas

Aprende CSS respondiendo estas preguntas

Aprende CSS respondiendo estas preguntas En ocasiones el aprendizaje es mejor asimilado cuando se responde a dudas específicas. Hace días publiqué un examen de CSS básico, el cual no tiene las respuestas correctas, lo puedes revisar aquí En esta ocasión te traigo las respuestas de la primera parte del examen. Con el siguiente shorthand indique […]

Menú vertical con listas y CSS

Las listas HTML se suelen emplear, además de para su función natural, para la creación de menús de navegación verticales y horizontales. Sin necesidad de scripts y con solo HTML+CSS se pueden lograr menús muy agradables. Paso 1: Crear la lista con las opciones del menú [crayon-587e311109aa9248465941/] Notemos que la lista tiene ya los enlaces, pero estos […]

Estilos a listas con CSS

Estilos a listas con CSS

Viñetas personalizadas CSS define varias propiedades para controlar el tipo de viñeta que muestran las listas, además de poder controlar la posición de la propia viñeta. La propiedad básica es la que controla el tipo de viñeta que se muestra y que se denomina list-style-type. Los valores de la propiedad list-style-type se dividen en tres tipos: gráficos, numéricos […]

Estilos a imágenes con CSS

Ancho y alto de las imágenes Utilizando las propiedades width y height, es posible mostrar las imágenes con cualquier altura/anchura, independientemente de su altura/anchura real. [crayon-587e31110a4e3398516121/] Sin embargo esto es poco utilizado ya que nunca se querrá mantener las imágenes a un tamaño establecido, a menos que se trate de thumbnails o galerías de imágenes. Borde […]