Hojas de estilo personalizadas

Comunicar con datos en el Tidyverse

Timo Grossenbacher

Data Journalist

Cascading Style Sheets (CSS): Selectores básicos

<h2>Resumen</h2>

<p>La <strong>Organización Internacional del Trabajo (OIT)</strong> 
tiene muchos 
<a href="http://test.htm">conjuntos de datos
</a> sobre condiciones laborales.

h2 {
  font-family: "Bookman", serif;
}

body, h1, h2 {
  font-family: "Bookman", serif;
}

strong {
    color: "red";
}

a {
    color: #0000FF;
    font-weight: bold;
}

Cascading Style Sheets (CSS): Selectores de clase

<h2>Elementos strong</h2>

Aquí hay dos <strong class = "red">
negritas</strong> 
<strong>elementos</strong>.

strong {
  color: "blue";
}

strong.red {
  color: "red";
}

Cascading Style Sheets (CSS): Combinadores

<div>

  <p>
    Este es un 
    <strong>elemento en negrita</strong>
    dentro de un párrafo
  </p>

  Este es otro
  <strong>elemento en negrita</strong>
  fuera de un párrafo.

</div>

div strong {
  color: "green";
}

div > strong {
  color: "red";
}

Encuentra más selectores y una referencia completa de CSS en la Mozilla Developer Network.

¡Vamos a practicar!

Comunicar con datos en el Tidyverse