Feuilles de style personnalisées

Communiquer avec des données dans le tidyverse

Timo Grossenbacher

Data Journalist

Cascading Style Sheets (CSS) : Sélecteurs de base

<h2>Résumé</h2>

<p>L'<strong>Organisation internationale du Travail (OIT)</strong> 
propose de nombreux 
<a href="http://test.htm">jeux de données
</a> sur les conditions de travail.

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) : Sélecteurs de classe

<h2>Éléments strong</h2>

Voici deux éléments 
<strong class = "red">
en gras</strong> 
<strong>forts</strong>.

strong {
  color: "blue";
}

strong.red {
  color: "red";
}

Cascading Style Sheets (CSS) : Combinateurs

<div>

  <p>
    Voici un 
    <strong>élément en gras</strong>
    dans un paragraphe
  </p>

  Voici un autre
  <strong>élément en gras</strong>
  hors paragraphe.

</div>

div strong {
  color: "green";
}

div > strong {
  color: "red";
}

Trouvez d'autres sélecteurs et une référence CSS complète sur le Mozilla Developer Network.

Passons à la pratique !

Communiquer avec des données dans le tidyverse