2. 클래스, 아이디, 주석

클래스

<p class="txt">세 번째 문단</p>

<p class="txt centered-txt">첫 번째 문단</p>
// 이렇게하면 두개 클래스 동시에 사용 가능

.txt {
	font-size: 64px;
	color: blue;
}

아이디

<p id="first-txt">첫 번째 문단</p>

#first-txt{
	color: blue;
}

 

클래스와 아이디 차이

1. 같은 클래스 이름을 여러 요소가 가질 수 있지만, 같은 아이디를 여러 요소가 공유할 수는 없습니다.
2. 한 요소가 여러 클래스를 가질 수 있지만, 한 요소는 하나의 아이디만 가질 수 있습니다. (단, 한 요소가 클래스도 여러 개 갖고 아이디도 하나 가질 수 있습니다!)

결국

여러 요소를 스타일링 하고 싶으면 → class

한 요소만 스타일링 하고 싶으면 → id

 

주석

<!-- html 주석 -->

/* css 주석 */

 

 

 

 

 

 

---

https://www.instagram.com/p/Caw0AFgJhM7/?utm_source=ig_web_copy_link

부족하거나 잘못된 내용이 있을 경우 댓글 달아주시면 감사하겠습니다.

이 글에 부족한 부분이 존재할 경우 추후에 수정될 수 있습니다.

---