3

¿Qué es CSS?🎨

Una vez que aprendemos qué es HTML y como funciona su motor de interpretación, debemos ir al siguiente nivel.🚀
En caso que aún no hayas leído el tutorial sobre qué es HTML, te dejo el siguiente link:
Tutorial: ¿Qué es HTML?💻

Volvamos.💪

Cascading Style Sheets

CSS significa hojas de estilo de cascada y es un lenguaje de hojas de estilo. CSS nos permiten definir la apariencia de cada elemento dentro de los documentos en HTML.
📌Dato: Igual que en el caso de HTML, CSS no es considerado como un lenguaje de programación.
.
¿Cómo funciona CSS?
Está basado en reglas, es decir, te permite aplicar estilos de manera selectiva a elementos en HTML.
Por ejemplo:
Tomaremos el ejemplo del tutorial de HTML

  • Quiero dar estilo de color rojo a mi párrafo dentro de HTML
<p>Hola mi nombre es Jhanpiere Montes</p>
  • Debemos de seleccionar el elemento párrafo, en css se le conoce como selector. En este caso el elemento es <p>.
p
  • Una vez tenemos el selector del elemento, debemos dar inicio con una declaración al selector para decir que a este elemento vamos a darle un estilo. En CSS la declaración en con { }
p { 
	}

Nota: En la declaración hay un inicio y cierre. Dentro de ella

  • Dentro de la declaración pasamos a dar estilos a un elemento HTML, en CSS se le conoce como propiedades. En este ejemplo la propiedad es color.
p {
	color
	}
  • Cumpliendo con la regla que CSS aplica estilos de manera selectiva, aún debemos de ser específicos dentro de la propiedad, en CSS se le conoce como valor de la propiedad. Para de determinar una valor de a propiedad es con : y terminando con un ;.
p {
	color : red;
	}

📢Importante: Tener en cuenta que trabajamos con el palabras en inglés, es muy importante que manejemos ese idioma. Te dejo la ruta de Inglés en Platzi.💚

  • Y listo, puedes declarar más propiedades a <p> dentro de CSS pero ya lo estará declarando con color rojo a mi selector párrafo de HTML.🤟
    Ahora para verlo en la web debemos de aplicar nuestro documento CSS en el <head> del documento de HTML.👏

.
Ahora ya sabes qué es y cómo funciona la interpretación al momento de querer dar estilos en CSS.🤓🚀
Comencemos a programar.👨‍💻👩‍💻

#NuncaParesDeAprender 💚

Escribe tu comentario
+ 2
1
5370Puntos

Gracias por compartir la explicación