Tutorial CSS

CSS INICIO Introducción a CSS Sintaxis CSS Selectores de CSS CSS Cómo Comentarios CSS Colores CSS Fondos CSS Bordes CSS Márgenes CSS Relleno CSS Altura/ancho de CSS Modelo de caja CSS Esquema CSS Texto CSS Fuentes CSS Iconos CSS Enlaces CSS Listas CSS Tablas CSS Pantalla CSS Ancho máximo de CSS Posición de CSS Índice Z de CSS Desbordamiento de CSS CSS flotante Bloque en línea CSS Alinear CSS Combinadores de CSS Pseudo-clase CSS Pseudoelemento CSS Opacidad CSS Barra de navegación CSS 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 Sombras CSS 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 Tamaño del cuadro CSS Consultas de medios CSS Ejemplos de CSS MQ Caja flexible de CSS

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

Tutorial CSS

CSS es el lenguaje que usamos para diseñar un documento HTML.

CSS describe cómo deben mostrarse los elementos HTML.

Este tutorial te enseñará CSS desde básico hasta avanzado.

Comienza a aprender CSS ahora »

Ejemplos en cada capítulo

Este tutorial de CSS contiene cientos de ejemplos de CSS.

Con nuestro editor en línea, puede editar el CSS y hacer clic en un botón para ver el resultado.

Ejemplo de CSS

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

Haga clic en el botón "Pruébelo usted mismo" para ver cómo funciona.


Ejemplos de CSS

¡Aprende de más de 300 ejemplos! Con nuestro editor, puede editar el CSS y hacer clic en un botón para ver el resultado.

¡Ve a Ejemplos de CSS!


Usa el Menú

Recomendamos leer este tutorial, en la secuencia indicada en el menú.

Si tienes una pantalla grande, el menú siempre estará presente a la izquierda.

Si tiene una pantalla pequeña, abra el menú haciendo clic en el signo del menú superior .


Plantillas CSS

Hemos creado algunas plantillas W3.CSS receptivas para que las use.

Eres libre de modificarlos, guardarlos, compartirlos y usarlos en todos tus proyectos.

¡Plantillas CSS gratuitas!



Ejercicios CSS

Ponte a prueba con ejercicios

Ejercicio:

Establezca el color de todos los elementos <p> en rojo.

<style>
 {
   red;
}
</style>


prueba css

Pon a prueba tus habilidades de CSS con un cuestionario.

Cuestionario CSS!


Referencias CSS

En W3Schools encontrará referencias CSS completas de todas las propiedades y selectores con sintaxis, ejemplos, compatibilidad con navegadores y más.

Referencia de propiedades CSS

Referencia de selectores CSS

Referencia de funciones CSS

Referencia Animable CSS

Referencia auditiva CSS

Unidades CSS

Referencia de colores CSS

Valores predeterminados de CSS

Compatibilidad con navegador CSS