Tùy chỉnh stylesheet

Truyền đạt bằng Dữ liệu trong Tidyverse

Timo Grossenbacher

Data Journalist

Cascading Style Sheets (CSS): Bộ chọn cơ bản

<h2>Tóm tắt</h2>

<p><strong>Tổ chức Lao động Quốc tế (ILO)</strong>
có nhiều 
<a href="http://test.htm">bộ dữ liệu
</a> về điều kiện làm việc.

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): Bộ chọn theo lớp (class)

<h2>Phần tử strong</h2>

Đây là hai phần tử <strong class = "red">
đậm</strong> 
<strong>khác</strong>.

strong {
  color: "blue";
}

strong.red {
  color: "red";
}

Cascading Style Sheets (CSS): Tổ hợp (combinators)

<div>

  <p>
    Đây là một 
    <strong>phần tử đậm</strong>
    bên trong đoạn văn
  </p>

  Đây là một
  <strong>phần tử đậm</strong>
  khác bên ngoài đoạn văn.

</div>

div strong {
  color: "green";
}

div > strong {
  color: "red";
}

Xem thêm nhiều bộ chọn và tài liệu tham khảo CSS đầy đủ trên Mozilla Developer Network.

Cùng luyện tập nào!

Truyền đạt bằng Dữ liệu trong Tidyverse