Tutorial CSS


Tabla de contenido

    Mostrar tabla de contenidos

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

CSS describe cómo se deben mostrar los elementos HTML.

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


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;
}

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: lightblue;
}

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

p {
  font-family: verdana;
  font-size: 20px;
}
</style>
</head>
<body>

<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>

</body>
</html>


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


Ejemplos de CSS

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

¡Vaya a Ejemplos de CSS!


Utilice el menú

Recomendamos leer este tutorial, en la secuencia que aparece 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 responsivas para que las utilice.

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

¡Plantillas CSS gratuitas!