10/10/2019
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 basado en XML.
11/10/2019
Hay tres formas de aplicar estilos CSS en un documento HTML: en línea, incrustado en la cabecera y con hojas de estilo externas. Veamos cada una de ellas.
11/10/2019
Veamos cuáles son los selectores básicos que podemos utilizar en CSS: selector universal, selector etiqueta, slector identificador y selector clase.
11/10/2019
Los valores de las propiedades se pueden expresar en diferentes unidades de medida: longitudes absolutas, longitudes relativas y mediante porcentajes.
11/10/2019
Veamos cuáles son los atributos o propiedades de los estilos CSS más utilizados relacionados con los colores y los fondos.
11/10/2019
Las propiedades de los textos son las que permiten controlar el texto como bloque, es decir, afectan al interlineado, la separación entre palabras, tabulado.
11/10/2019
Las propiedades CSS de las fuentes son las que permiten controlar el tamaño, el tipo, el grosor o el estilo de las letras entre otras cosas.
11/10/2019
Las propiedades CSS de las listas son las que nos permiten controlar los estilos de los marcadores, la posición de los elementos dentro de las listas...
11/10/2019
Las propiedades CSS de las tablas nos permiten controlar los estilos de los títulos de la tabla, el tamaño de las celdas, las filas y las columnas, etc.
12/10/2019
Gracias a las pseudo-clases de CSS podemos realizar una selección más específica de los elementos a los que queremos aplicar un cierto estilo sin necesidad de crear una clase concreta.
12/10/2019
Actualmente los navegadores tienen implementadas muchas de las nuevas características de CSS3 utilizando sus propios prefijos.
12/10/2019
Cualquier elemento incluido en un documento HTML dispone de una estructura tipo caja que se puede modificar usando las propiedades CSS.
12/10/2019
Veamos cómo usar las propiedades CSS width, height, max-width y min-height para controlar el tamaño de los elementos en una página web.
12/10/2019
En este apartado vamos a repasar el comportamiento de los contenedores en CSS. Para ello veremos las propieades position, display o z-inde, entre otras.
12/10/2019
En esta sección del tutorial de CSS veremos paso por paso cómo crear un menú horizontal desde cero mediante HTML y CSS.
12/10/2019
Gracias a los estilos podemos romper el diseño gris con líneas negras de los formularios y convertirlos en una parte más que se integra perfectamente en nuestro diseño web.
12/10/2019
Seguir unas buenas prácticas a la hora de crear estilos CSS hace que el código sea más claro y legible tanto para ti y como para tus compañeros de proyecto.
12/10/2019
Utilizar los recursos más apropiados es imprescindible para desarrollar con el mayor éxito cualquier página web. Veamos varias herramientas útiles...
13/10/2019
Comprueba tu progreso de aprendizaje de estilos CSS con el test que tenemos preparado.
19/10/2019
Las hojas de estilos CSS permiten definir diferentes estilos para diferentes medios o dispositivos: pantallas, impresoras, proyectores, televisores, etc.
20/10/2019
Las media queries se introdujeron en CSS3 para dar respuesta a las necesidades del diseño web responsive. Mediante ellas podemos definir estilos condicionales, aplicables únicamente en determinadas situaciones.
02/11/2019
El módulo de caja flexible o flexbox nos ofrece un mecanismo con el que dividir el espacio disponible en la ventana, y crear las filas y columnas necesarias para la implementación del diseño de una página web.
02/11/2019
CSS Grid nos ayuda a maquetar nuestra página web mediante cuadrículas o rejillas (grids) totalmente configurables mediante estilos CSS.
02/11/2019
Existen diferentes maneras de centrar horizontal y verticalmente un elemento mediante CSS. A continuación se describen las técnicas más destacadas.
02/11/2019
Mediante los preprocesadores CSS se desarrollan estilos más mantenibles y con una sintaxis más rica. Los ficheros son parecidos a los de CSS y deben compilarse.
10/05/2023
CSS, HTML y JavaScript son los lenguajes fundamentales para el desarrollo web. Con ellos, se pueden crear diseños atractivos y dinámicos.
17/07/2023
La propiedad overflow (desbordamiento o excedente) nos permite controlar el comportamiento del contenido que se encuentra en una caja o contenedor.
18/07/2023
CSS ofrece funciones matemáticas que se pueden utilizar para realizar cálculos y manipular valores numéricos en propiedades CSS.
19/07/2023
Aprende a crear y compartir código en tiempo real con CodePen. Tutorial inicial para diseñadores y desarrolladores.
19/07/2023
En CSS, los cursores se utilizan para cambiar la apariencia del cursor del ratón cuando se encuentra sobre un elemento interactivo.
20/07/2023
Los botones CSS ofrecen flexibilidad para crear diseños únicos y atractivos en tus páginas web. Veamos algunos ejemplos.
21/07/2023
Veamos ahora los diferentes formatos de las fuentes y qué métodos tenemos para incorporarlos en nuestros proyectos web. Además conoceremos las ventajas de utilizar el repositorio de fuentes de Google Fonts.
22/07/2023
Las CSS Custom Properties nos permiten definir nombres para valores determinados de las propiedades y tratarlos como si fuesen variables.
23/07/2023
Los selectores de atributos permiten elegir elementos HTML en función de sus atributos y/o valores de esos atributos.
24/07/2023
Mediante las propiedades de CSS3 "text-shadow" y "box-shadow" podemos aplicar sombras en los textos y los contenedores para enriquecer nuestras interfaces.
24/07/2023
Prácticas CSS de páginas completas y proyectos específicos realizadas en clase de forma guiada.
25/07/2023
Los gradientes nos permiten añadir efectos de colores degradados en nuestros diseños. Disponemos de dos tipos de gradientes: lineal y radial.
25/07/2023
Aquí tienes una chuleta CSS (cheat sheet) de las propiedades que hemos visto a lo largo del capítulo avanzado de CSS.
26/07/2023
Los filtros CSS permiten aplicar efectos visuales a las imágenes. Para aplicar un filtro CSS a una imagen se utiliza la propiedad filter.
27/07/2023
Las transiciones nos permiten aplicar un cambio de estilo gradual a los estilos que hemos ido viendo hasta ahora o aplicar estilos diferentes entre estados.
28/07/2023
Las transformaciones CSS nos permiten rotar, torcer, escalar o desplazar los elementos de nuestra página web. Las dos propiedades que nos sirven para definir las transformaciones son transform y transform-origin.
30/07/2023
Un tooltip es una pequeña ventana emergente que se muestra al colocar el cursor sobre un elemento. Veamos los pasos para crear tooltips.
02/08/2023
Visualiza una tabla resumen de las propiedades CSS que hemos visto a lo largo del capítulo. Incluye su descripción y los valores que soporta.