1. Học hỏi
  2. /
  3. Khoa Học
  4. /
  5. Truyền đạt bằng Dữ liệu trong Tidyverse

Connected

Bài tập

Thay đổi thuộc tính kiểu của các phần tử văn bản

Với CSS, bạn có thể dễ dàng thay đổi cách hiển thị văn bản trong báo cáo. Trong bài tập này, bạn sẽ đổi phông chữ sang một phông có chân (serif) cho phù hợp với phong cách của các biểu đồ. Bạn cũng sẽ thử một vài bộ chọn CSS khác để thay đổi màu sắc và kích thước chữ trong báo cáo. Ví dụ, phông chữ của các phần tử mã R hiện đang hơi lớn so với phần văn bản xung quanh. Bạn sẽ dùng CSS để giảm kích thước của chúng.

Tại đây, toàn bộ CSS của bạn phải đặt bên trong thẻ <style> phía trên mục Summary. Ở bài tiếp theo, bạn sẽ học cách tham chiếu tệp CSS bên ngoài bằng YAML header. Nếu cần thêm trợ giúp về định kiểu văn bản, bạn có thể tham khảo tài liệu của Mozilla Developer.

Hướng dẫn

100 XP
  • Ở dòng 17, đổi font-family cho toàn bộ văn bản trong báo cáo (bao gồm tiêu đề, trừ các khối mã R) thành "Bookman", serif.
  • Ở dòng 21, đổi màu văn bản nội dung thành xám nhạt (#333333).
  • Ở dòng 24, đổi màu của tất cả liên kết thành red.
  • Ở dòng 27, giảm kích thước phông của các phần tử mã R, được bọc trong thẻ HTML pre, xuống 10px.