HtmlCss. 2. 문제 // CSS 적용하기

문제

정답 예시

내풀이

<subject>
  안녕하세요. 반갑습니다.
</subject>

<content>
  저는 23살, 홍길동입니다. 저는 율도국에서 국왕을 하다가.
</content>

<subject>
  안녕하세요. 반갑습니다.
</subject>

subject{
  background-color : darkorange;
  font-size : 3rem;
  color : blue;
}

content{
  color : red;
  background-color : yellow;
}

선생님 풀이

<subject>
  안녕하세요. 반갑습니다.
</subject>

<content>
  저는 23살, 홍길동입니다. 저는 율도국에서 국왕을 하다가.
</content>

<subject>
  안녕하세요. 반갑습니다.
</subject>

subject {
    background-color:orange;
    color:blue;
    font-size:2rem;
}

content {
    background-color:yellow;
    color:red;
}

핵심 사항

• 폰트 rem, em
  • REM은 html의 폰트 기준으로 한다.
    • 예를 들어 2rem은 폰트 사이즈 2배이다.
  • em은 부모요소의 폰트 기준으로 한다.
    • 예를 들어 부모 폰트가 4px이면 2em은 8px이 된다.
• 적용되는 Css가 중복이라면 적용되는 태그를 가지고 와서 붙여 쓰면 된다.
• css의 핵심
  • css로 디자인 요소를 넣을 수있다.
  • html 마크업한 것들로 선택할 수 있다.