Clase 5 - CSS y La Especificidad

Repaso de clase anterior

Volvimos a aclarar algunas cuestiones vistas en la Clase 4.

CSS

Empezamos a tratar el lenguaje CSS (Cascading Style Sheets) el cual utilizamos para dar estilos a una página web.

Por medio de la documentación en MDN repasamos la estructura de un archivo CSS y sus componentes nuevamente.

Estructura

El profesor Tehuel comenzó a mostrarnos formas de incluir o recibir archivos CSS en el HTML, algunas de ellas fueron:

Llamando una hoja de estilos externa con la etiqueta <link rel="" href="">

<link rel="stylesheet" href="estilo.css" type="text/css">

Con la etiqueta <style>

<style>
	#centro { margin: auto; width: 200px; }
</style>

O también agregando estilos inline

<p style="color:red;">Esto es un párrafo.</p>

Seguido a esto se nos produjo la siguiente interrogante:

Si utilizamos los 3 métodos al mismo tiempo para cambiar el color del párrafo ¿cual será el que predomine entre ellos?

En el ejemplo anterior se mantiene un mismo nivel de especificidad por lo que la regla aplicada será la última ingresada.

Especificidad

La especificidad es el modo que tiene el navegador de decidir qué regla se aplica si diversas reglas tienen selectores diferentes pero podrían aplicarse a un mismo elemento. Básicamente, la especificidad mide cuán específica es la selección de un selector.

El profesor Tehuel procedió a explicarnos de que se trataba todo esto en la página Batificity la cual funciona a modo de guía.

En la misma se nos mostró los diferentes niveles de especifidad que pueden tener los atributos, elementos y demás características de CSS

Trabajo Práctico

Ya está publicado el TP2, con fecha de entrega para el Lunes 11 de Abril.

Otros

Exposicion del profesor Yedro

Durante las primeras 2 horas el profesor dió un adelanto del funcionamiento del centro de computo de la escuela además de explicarnos la definición de los siguientes términos:

En el final de la clase se nos recalco que el objetivo de las actividades es acercarnos un poco a las problematicas que se nos presentaran en la vida real.

También se hizo incapié en que no nos conviene copiarnos.

Tomá esto es lo que hay que resolver.

¿Como?

No sé flaco arreglate, es tu trabajo.

drawing