1. 学习
  2. /
  3. 课程
  4. /
  5. Tidyverse로 데이터 소통하기

Connected

练习

텍스트 요소의 스타일 속성 변경

CSS를 사용하면 보고서의 텍스트 모양을 쉽게 바꿀 수 있어요. 이번 연습에서는 그래프 스타일에 맞춰 글꼴을 세리프가 있는 글꼴로 바꿔 보겠습니다. 또 몇 가지 다른 CSS 선택자도 시도해 보면서 보고서의 색상과 글꼴 크기를 조정해 볼 거예요. 예를 들어, 현재 R 코드 요소의 글꼴이 주변 본문에 비해 다소 큰 편이니, CSS로 크기를 줄여 보겠습니다.

여기서는 모든 CSS를 Summary 위쪽의 <style> 태그 안에 작성하세요. 다음 연습에서는 YAML 헤더를 사용해 외부 CSS 파일을 참조하는 방법을 배웁니다. 텍스트 스타일링에 대한 추가 도움이 필요하면 Mozilla Developer reference를 참고하세요.

说明

100 XP
  • 17번째 줄에서, 보고서의 모든 텍스트(제목 포함, R 코드 청크 제외)의 font-family를 "Bookman", serif로 바꾸세요.
  • 21번째 줄에서, 본문 텍스트 색상을 약간의 회색(#333333)으로 바꾸세요.
  • 24번째 줄에서, 모든 링크 색상을 red로 바꾸세요.
  • 27번째 줄에서, pre HTML 태그로 감싼 R 코드 요소의 글꼴 크기를 10px로 줄이세요.