Horario de cursos

Tutorial básico CSS

• Tutoriales de CSS
• Introducción a CSS
• Sintaxis de CSS
• Selectores de CSS
• Uso de CSS
• Comentarios de CSS
• Colores de CSS
• Colores RGB de CSS
• Colores HEX de CSS
• Colores HSL de CSS
• Fondo de CSS
• Imagen de fondo de CSS
• Repetición de fondo de CSS
• Aposición de fondo de CSS
• Atributo de fondo abreviado de CSS
• Borde de CSS
• Ancho de borde de CSS
• Color de borde de CSS
• Lados de borde de CSS
• Atributo de borde abreviado de CSS
• Borde redondeado de CSS
• Margen de CSS
• Fusión de márgenes de CSS
• Rejilla interna de CSS
• Altura/Anchura CSS
• Modelo de cuadro de CSS
• Contorno de CSS
• Ancho de contorno de CSS
• Color de contorno de CSS
• Atributo de contorno abreviado de CSS
• Desplazamiento de contorno de CSS
• Texto de CSS
• Alineación de texto de CSS
• Decoración de texto de CSS
• Transformación de texto de CSS
• Espaciado de texto de CSS
• Sombra de texto de CSS
• Fuente de CSS
• Estilo de fuente de CSS
• Tamaño de fuente de CSS
• Fuente de Google de CSS
• Atributo de fuente abreviado de CSS
• Iconos de CSS
• Enlaces de CSS
• Listas de CSS
• Tablas de CSS

Tutorial intermedio CSS

• Display CSS
• max-width CSS
• Posicionamiento CSS
• z-index CSS
• Desbordamiento CSS
• Flotación CSS
• Remoción de flotación CSS
• Ejemplo de flotación de diseño de disposición
• inline-block CSS
• Alineación CSS
• Combinadores CSS
• Pseudoclases de CSS
• Pseudoelementos de CSS
• Opacidad de CSS
• Barra de navegación de CSS
• Barra de navegación vertical de CSS
• Barra de navegación horizontal de CSS
• Menú desplegable de CSS
• Biblioteca de imágenes de CSS
• Image sprite de CSS
• Selector de atributo de CSS
• Formularios de CSS
• Contador de CSS
• Diseño de sitio web de CSS
• Unidades de CSS
• Especifidad de CSS
• CSS !important
• Funciones matemáticas de CSS

Tutorial avanzado CSS3

• Bordes redondeados de CSS
• Imágenes de borde de CSS
• Fondo de CSS
• Colores de CSS
• Palabras clave de color de CSS
• Gradiente de CSS
• Gradiente radial de CSS
• Sombra de CSS
• box-shadow de CSS
• Efectos de texto de CSS
• Fuente de red CSS
• Transformaciones 2D CSS
• Transformaciones 3D CSS
• Transiciones CSS
• Animaciones CSS
• Herramientas de información CSS
• Estilos de imágenes CSS
• Propiedad object-fit CSS
• object-position CSS
• Superposiciones CSS
• Botones CSS
• Paginación CSS
• Multicol CSS
• Interfaz de usuario CSS
• Variables CSS
• Variables cubiertas CSS
• Variables CSS - JavaScript
• Variables CSS - Consultas de medios
• CSS @property
• Box Sizing CSS
• Flexbox CSS
• Consultas de medios CSS
• Ejemplo de consulta de medios CSS

Diseño responsivo CSS

• Introducción a RWD
• Ventana de vista RWD
• Vista de cuadrícula RWD
• Consultas de medios RWD
• Imágenes RWD
• Videos RWD

Tutorial de CSS Grid

• Módulo de diseño de cuadrícula CSS
• Contenedor de cuadrícula CSS
• Elemento de cuadrícula CSS

Ejemplo CSS

• Ejemplo CSS

Pruebas CSS

• Pruebas CSS

Manual de referencia CSS

• Manual de referencia CSS
• Compatibilidad del navegador CSS
• Selectores de CSS
• Funciones CSS
• Unidades de CSS
• Audición CSS
• Fuente de seguridad de red CSS
• Animación de color CSS
• Unidades de CSS
• Colores de CSS
• Valores de color CSS
• Valores por defecto CSS
• Entidades CSS

Cursos optativos

Recomendaciones de cursos:

• Caja de herramientas CodeW3C.com

Valor HEX

En CSS, se puede especificar el color utilizando el siguiente formato de valor hexadecimal:

#rrggbb

Donde rr (rojo), gg (verde) y bb (azul) son valores hexadecimales entre 00 y ff (igual a decimal 0-255).

Por ejemplo, #ff0000 se muestra en rojo porque el rojo se establece en el valor máximo (ff), mientras que los otros se establecen en el valor mínimo (00).

Experimente mezclando los siguientes valores hexadecimales:

Ejemplo

Prueba personalmente

Generalmente, se utilizan valores iguales para los tres fuentes de luz para definir la sombra gris:

Ejemplo

Prueba personalmente

Caja de herramientas

Manual de referencia CSS

Ejemplo CSS

Pruebas CSS

Libros de CSS adicionales

Enlaces de patrocinadores