추가 질문이 있는데요.

폰트 적용에

<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@600&display=swap" rel="stylesheet">

이것과

*{

font-family: 'Noto Serif KR', serif;

}

이것이 각각 따로 나뉘어서 들어가서 어떻게 각각 역할을 해서 폰트가 적용되는 건지 궁금합니다.

+) HTML 기초에서

<ul>
<li> bullet point!1 </li>
<li> bullet point!2 </li>
</ul>

ul

li

각각 역할이 뭔가요?