CSS (Cascading Style Sheets), hojas de estilo en cascada. Es un lenguaje encargado del diseño y presentación de páginas web, es decir, que es el responsable, de definir, crear y optimizar la presentación de un documento enfocado en HTML.
Historia de CSS
Con el gran impulso de los lenguajes de estilos, la expansión de internet y el crecimiento exponencial del lenguaje HTML, se originó, un nuevo lenguaje llamado CSS (Cascading Style Sheets). Fue creado por W3C (World Wide Consortium) entre finales de 1994 y 1995; ya en el año 1995 W3C decide estandarizar el lenguaje haciéndole parte de HTML.
¿Cómo funciona CSS?
CSS funciona con un estilo en cascada, que es llamado, así, por su patrón de aplicación llamado herencia (de arriba abajo). Su funcionamiento consiste en generar diferentes estilos (colores, márgenes, formas, fuentes, tamaños…).
CSS no es un lenguaje de programación. Funciona en estricta colaboración con otros lenguajes de programación, como HTML, que se encarga del contenido básico de las páginas.
Diferencia entre HTML Y CSS
HTML (HyperText Markup Language), es el responsable de la estructura de un sitio web (código que da las instrucciones) y CSS es el encargado del diseño visual, además de dar las instrucciones concernientes a la apariencia visual de un sitio web.
En resumen, HTML estructura el contenido de un sitio web y CSS estructura su presentación.
Estilos de CSS:
- CSS externo: Funciona, con un archivo enlazado a un documento HTML a través de una etiqueta, esto, permite que una hoja de estilo externa, determine el estilo del documento HTML.
- CSS interno: Funciona, con un código interno ingresado en un documento HTML (<Style>); este método es utilizado en pequeños proyectos web.
- CSS en línea: Funciona, ubicándose en línea dentro de una etiqueta HTML, con el objetivo de cambiar un elemento.
Características de CSS
- Optimización de tiempos de carga de una página web.
- Flexibilidad.
- Restauración del código fuente.
- Independencia de contenido y presentación.
Ventajas de CSS
- Más fácil de usar.
- Accesibilidad.
- Optimización de páginas web.
- Multidispositivo.
Si quieres aprender CSS desde cero mira el siguiente video completamente GRATIS de Nuestro Curso Fundamental de CSS para Iniciarte:
Lo que aprenderas:
✅Fundamentos de CSS
✅Qué es CSS
✅Sintáxis CSS
✅Métodos para agregar estilos CSS (En línea, Interno, Externo)
✅Selectores CSS (Etiqueta, Clase, Id)
✅Tipos de color en CSS (Hexadecimal, RGB, HSL, Nombre de color)
✅Fuentas seguras
✅Modelo de Caja (Box Model): Elemento, Padding, Border, Margin
✅Formato de Texto: Párrafo, Títulos
✅Enlaces
✅Estilos CSS para formularios
✅Posicionamiento, Alineamiento y flotado en CSS
✅Imágenes de fondo
✅CSS Reset
✅Fondos CSS
✅Bordes
✅Listas
✅Block e Inline
✅Pseudo Clases CSS
✅Y más…
✅Proyecto Final