1. Học hỏi
  2. /
  3. Khoa Học
  4. /
  5. Tidyverseによるデータコミュニケーション

Connected

Bài tập

テキスト要素のスタイル属性を変更する

CSSを使えば、レポート内のテキストの見た目を簡単に変更できます。この演習では、プロットのスタイルに合わせて、セリフ体フォントに変更します。また、いくつかのCSSセレクターを試しながら、レポート内の色やフォントサイズも調整していきましょう。たとえば、現在Rコード要素のフォントは、周囲の本文と比べてやや大きめになっています。CSSを使ってそのサイズを小さくします。

ここでは、すべてのCSSを「まとめ(Summary)」の上にある <style> タグの中に記述してください。次の演習では、YAMLヘッダーを使って外部CSSファイルを参照する方法を学びます。テキストのスタイリングについて詳しく知りたい場合は、Mozilla Developer リファレンスを参照してください。

Hướng dẫn

100 XP
  • 17行目で、レポート内すべてのテキスト(見出しを含む、Rコードチャンクを除く)の font-family を "Bookman", serif に変更してください。
  • 21行目で、本文テキストの色を薄いグレー(#333333)に変更してください。
  • 24行目で、すべてのリンクの色を red に変更してください。
  • 27行目で、pre HTMLタグで囲まれたRコード要素のフォントを 10px に縮小してください。