ID

• 요소에 이름을 지정
• 이름은 고유해야함. 다른 요소와 중복될 수 없음.

ex)

<div id="menu">This would be your menu</div>
<div id="blog-entry">Your first blog-entry</div>
<div id="blog-entry">Your second blog-entry</div>

<style>
  #menu{
    ..
  }
</style>

Class

• 여러 요소에서 사용될 수 있음.
• 요소들이 동일하게 동작하고 보이길 원할 때 같은 클래스 적용.

ex)

<div class="blog-entry">
	<p> My First Blog Entry<br />
	Written by Christina<br />
	On January 10th </p>
	<p class="content">I’m so happy to write my first blog entry – yay!</p>
<div>
<div class="blog-entry">
	<p> Just Another Day<br />
	Written by Christina<br />
	On January 11th </p>
	<p class="content">This is my second blog entry, and I just wanted to check in on you </p>
</div>

<style>
  .blog-entry{
    ..
  }
</style>

---

💬
빈틈을 메꾸기 위해 자주 쓰고, 알고 있는 것 같은 개념도 다시보기 시작 !
블로그에 정리하려하니 개념을 좀 더 꼼꼼하게 보게 되는 것 같다.