CSS Tutorial
Ante usted, el mejor y más completo tutorial en línea sobre CSS en español del recurso de Internet más grande y famoso del mundo para aprender tecnologías web: el sitio W3Schools.com.
¿Qué est CSS ?
CSS (Cascading Style Sheets) — es un lenguaje de hojas de estilo que se utiliza para especificar la presentación y el estilo de un documento escrito en un lenguaje de marcado como HTML o XML (incluidos dialectos XML como SVG, MathML o XHTML).
CSS es una tecnología fundamental de la World Wide Web, junto con HTML y JavaScript.
Se han creado y se están desarrollando especificaciones CSS World Wide Web Consortium - W3C.
CSS tiene diferentes niveles y perfiles. El siguiente nivel de CSS se construye sobre los anteriores, agregando nuevas funciones o ampliando las que ya existen. Los niveles se indican como CSS1, CSS2 y CSS3. Los perfiles son un conjunto de reglas CSS de uno o más niveles, creadas para ciertos tipos de dispositivos o interfaces. Por ejemplo, existen perfiles CSS para impresoras, dispositivos móviles, etc.
CSS (diseño en cascada o en bloque) reemplazó el diseño tabular de las páginas web. La principal ventaja del diseño de bloques es la separación del contenido de la página (datos) y su presentación visual (diseño).
A partir de 2024, la versión actual es la especificación CSS3. La especificación CSS4 ha estado en desarrollo desde 2011. Los módulos CSS4 se basan en CSS3 y agregan nuevas propiedades y valores. Todos ellos existen hasta el momento como borradores (borrador de trabajo) y no han sido aprobados oficialmente en este momento.
El sitio oficial de CSS, donde siempre podrás encontrar información actualizada sobre cambios e innovaciones en CSS - https://www.w3.org/TR/CSS/#css.
Información de Wikipedia
CSS es eso:
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.
Empieza 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.
CSS Ejemplo
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
Inténtalo tú mismo »
Haga clic en el botón "Pruébelo usted mismo" para ver cómo funciona.
CSS Ejemplos
¡Aprenda de más de 300 ejemplos! Con nuestro editor, puedes editar el CSS y hacer clic en un botón para ver el resultado.
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 ☰.
CSS Plantillas
Hemos creado algunas plantillas W3.CSS responsivas para que las utilices.
Eres libre de modificarlos, guardarlos, compartirlos y utilizarlos en todos tus proyectos.
CSS Exercises
CSS Prueba
Pon a prueba tus habilidades CSS con un cuestionario.
CSS Referencias
En W3Schools, encontrará referencias CSS completas de todas las propiedades y selectores con sintaxis, ejemplos, compatibilidad con navegadores y más.
¿Qué es CSS? ¿Por qué es necesario?
CSS (Hojas de estilo en cascada) es un lenguaje de descripción de estilos que desempeña un papel importante en la creación de sitios web atractivos y fáciles de usar.
¿Por qué aprender CSS es clave para ser un desarrollador web exitoso?
- Apariencia: HTML define el contenido textual, mientras que CSS define su estructura visual, diseño y estética. Sin CSS, los sitios web serían menos atractivos y de difícil acceso para los usuarios. El conocimiento de CSS nos permite crear un hermoso diseño, cambiar colores, fuentes, posicionamiento de elementos y mucho más.
- Velocidad de carga: CSS ayuda a reducir el tamaño del código, lo que mejora la velocidad de carga de la página. Con una única regla CSS, puede aplicar estilos a todas las apariciones de una etiqueta particular en un documento HTML.
- Experiencia de usuario: los botones bien diseñados, el texto organizado lógicamente y el diseño fácil de usar hacen que el sitio web sea más comprensible para los usuarios. CSS ayuda a mejorar la experiencia de su sitio web.
- Desarrollo eficiente: con CSS, puedes aplicar estilos a varias páginas con una sola línea de código. Por ejemplo, si tiene páginas que tienen el mismo formato, puede usar un archivo CSS para todas esas páginas. Si es necesario, el diseño de dichas páginas se puede cambiar fácilmente cambiando sólo el contenido del archivo CSS.
