[퍼블] html 선택자 관련

CSS를 html에 적용하기 위해서는 크게 3가지 방법이 있습니다.

1. 태그 선택자
2. 클래스 선택자
3. 아이디 선택자

아래는 html 태그 및 css 코드입니다.

   <div>이것은 태그 선택자 입니다</div>
   <br>
   <p class="test">이것은 클래스 선택자 입니다</p>
   <br>
   <h1 id="id">이것은 아이디 선택자 입니다</h1>

 

 

div{
    font-size: 20px;
    font-style: italic;
}

.test{
    font-size: 40px;
}

#id{
    font-size: 30px;
    font-style: inherit;
}

결과물