HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

Tutorial CSS

CSS INICIO Introducción a CSS Sintaxis CSS Selectores de CSS CSS Cómo Comentarios CSS Colores CSS
Colores RGB MALEFICIO LGV
Fondos CSS
Color de fondo Imagen de fondo Repetición de fondo Archivo adjunto de antecedentes Taquigrafía de fondo
Bordes CSS
Fronteras Ancho del borde Color del borde Lados del borde Taquigrafía de borde Bordes redondeados
Márgenes CSS
Márgenes Colapso de margen
Relleno CSS Altura/ancho de CSS Modelo de caja CSS Esquema CSS
Esquema Ancho del contorno Color del contorno Taquigrafía del esquema Desplazamiento de contorno
Texto CSS
Color de texto Alineación del texto Decoración de texto Transformación de texto Espaciado de texto Sombra de texto
Fuentes CSS
Familia tipográfica Fuente web segura Fuentes alternativas Estilo de fuente Tamaño de fuente Fuente Google Emparejamientos de fuentes Taquigrafía de fuente
Iconos CSS Enlaces CSS Listas CSS Tablas CSS
Bordes de la tabla Tamaño de la mesa Alineación de mesa Estilo de tabla Tabla receptiva
Pantalla CSS Ancho máximo de CSS Posición de CSS Índice Z de CSS Desbordamiento de CSS CSS flotante
Flotador Claro Ejemplos de flotadores
Bloque en línea CSS Alinear CSS Combinadores de CSS Pseudo-clase CSS Pseudoelemento CSS Opacidad CSS Barra de navegación CSS
barra de navegación Barra de navegación vertical Barra de navegación horizontal
Menús desplegables de CSS Galería de imágenes CSS Sprites de imagen CSS Selectores de atributos CSS Formularios CSS Contadores CSS Diseño del sitio web CSS Unidades CSS Especificidad CSS CSS !importante Funciones matemáticas CSS

CSS Avanzado

Esquinas redondeadas CSS Imágenes de borde CSS Fondos CSS Colores CSS Palabras clave de color CSS Gradientes CSS
Gradientes lineales Radial Gradients Conic Gradients
Sombras CSS
Shadow Effects Box Shadow
Efectos de texto CSS Fuentes web CSS Transformaciones CSS 2D Transformaciones CSS 3D Transiciones CSS Animaciones CSS Información sobre herramientas de CSS Imágenes de estilo CSS Reflejo de imagen CSS Ajuste de objeto CSS Posición del objeto CSS Enmascaramiento CSS Botones CSS Paginación CSS Columnas múltiples de CSS Interfaz de usuario de CSS Variables CSS
The var() Function Overriding Variables Variables and JavaScript Variables in Media Queries
Tamaño del cuadro CSS Consultas de medios CSS Ejemplos de CSS MQ Caja flexible de CSS
CSS Flexbox CSS Flex Container CSS Flex Items CSS Flex Responsive

Responsivo CSS

Introducción a la tracción trasera Vista de RWD Vista de cuadrícula RWD Consultas de medios RWD Imágenes de RWD Vídeos de RWD Marcos RWD Plantillas RWD

Cuadrícula CSS

Introducción a la cuadrícula Contenedor de rejilla Elemento de cuadrícula

CSS SASS

Tutorial de SASS

Ejemplos de CSS

Plantillas CSS Ejemplos de CSS prueba css Ejercicios CSS Certificado CSS

Referencias CSS

Referencia CSS Selectores de CSS Funciones CSS CSS Referencia Aural Fuentes web seguras CSS CSS Animable Unidades CSS Convertidor CSS PX-EM Colores CSS Valores de color CSS Valores predeterminados de CSS Compatibilidad con navegador CSS

Diseño Web Responsivo - Introducción

❮ Anterior Próximo ❯

¿Qué es el Diseño Web Responsivo?

El diseño web receptivo hace que su página web se vea bien en todos los dispositivos.

El diseño web receptivo utiliza solo HTML y CSS.

El diseño web receptivo no es un programa o un JavaScript.

Diseño para la mejor experiencia para todos los usuarios

Las páginas web se pueden ver usando muchos dispositivos diferentes: computadoras de escritorio, tabletas y teléfonos. Su página web debe verse bien y ser fácil de usar, independientemente del dispositivo.

Las páginas web no deben dejar de lado información para adaptarse a dispositivos más pequeños, sino adaptar su contenido para adaptarse a cualquier dispositivo:



Escritorio

Tableta

Teléfono

Se llama diseño web receptivo cuando usa CSS y HTML para cambiar el tamaño, ocultar, reducir, ampliar o mover el contenido para que se vea bien en cualquier pantalla.

No se preocupe si no entiende el ejemplo a continuación, desglosaremos el código, paso a paso, en los próximos capítulos:



❮ Anterior Próximo ❯