¿Cómo Hacer Una Página Web? |#4 ¿Qué es CSS? | Giogui Soluciones en Línea
CSS es un lenguaje que complementa a HTML y es utilizado para hacer que las páginas web se vean de la forma como se quiere que se vean. Con CSS se puede dar alineación a los elementos de HTML, se les puede dar colores, se puede mejorar la tipografía, y se pueden hacer muchísimas cosas más con él.
La razón por la que existe CSS es porque HTML no es capaz de darle estas características a las páginas web. Estos dos lenguajes son complementarios, HTML hace que se puede utilizar CSS y CSS hace que el HTML se vea de la forma que un diseñador web quiere que se vea. Con solo HTML y CSS, se pueden construir páginas web muy avanzadas que se vean completamente profesionales. Digamos que HTML y CSS son la sal y la pimienta de las páginas web.
¿Cómo funciona CSS?
Utilicemos el ejemplo del artículo anterior de una Hamburguesa. Así es como se vería si la hamburguesa estuviera hecha con solo HTML:
¿Cómo Hacer Una Página Web? |¿Qué es CSS? | Giogui Soluciones en Línea
Con CSS podemos decirle por ejemplo de qué colores queremos que se vea la hamburguesa, pero tenemos que añadirle clases al HTML para que CSS sepa de qué clase es cada elemento. La imagen con clases quedaría así ahora:
¿Cómo Hacer Una Página Web? |¿Qué es CSS? | Giogui Soluciones en Línea
Una vez que estas clases han sido definidas en HTML, ahora podemos hacer que se muestren los colores que queremos al utilizar especificarles colores a las clases en CSS. Funcionaría algo así:
Clase «pan» = color, café claro.
Clase «jitomate» = color, rojo
Clase «carne» = color, café-oscuro
¿Cómo Hacer Una Página Web? |¿Qué es CSS? | Giogui Soluciones en Línea
Esto es lo que haría CSS, le pondría colores a las partes de la hamburguesa y estos colores podrían ser cambiados después cuando fuera necesario.
Esta es una de las cosas más básicas que se pueden hacer con CSS, cambiar colores de los elementos de HTML, sin embargo, hay muchos cosas más que CSS puede hacer. CSS es un lenguaje muy completo y muy amplio.
En el siguiente artículo de esta serie veremos un poco más de cómo funciona CSS con HTML.
Conozca más de nuestro servicios de Diseño de Páginas Web Giogui