[CSS] Class

안녕하세요 동기 여러분! 오늘은 클라스에 대해 알아보도록 하겠습니다. 일전에 다룬 적이 있어서 새로울 건 없지만 기본은 탄탄한 게 좋으니까요!

 

Class

제가 포스팅한 [HTML] Attributes에 들어가 보면 HTML에는 자체의 속성을 정할 수 있는 기능이 있습니다. 바로 ID입니다.
링크 :  https://dongi-coding.tistory.com/71

[HTML] Attributes

그런데 말입니다.

 

HTML과 CSS사이에 가장 많이 사용하는 연결(?) 속성은 class 속성입니다. (물론 id도 있지만)

 

---

 

생김새

HTML

<p class="emphasis">클라스는 영원하다.</p>

HTML 코드에서 class를 넣고 값을 정하면 그 값을 이용해서 CSS 스타일을 이용할 수 있습니다.

 

CSS

.emphasis {
  font-weight: bold;
}

앞에 점(Dot)만 하나 붙이고 HTML에 있는 class의 값을 넣어주면 됩니다.

 

---

여러개의 클래스를 적용하고 싶다면?

아래와 같은 CSS 코드가 있다고 생각을 해봅시다.

/* CSS 코드입니다. */
.emphasis {
  font-weight: bold;
}

.capital {
  text-transform: uppercase;
}

 

생김새에 있는 <p>태그에 두 개의 클래스 모두 적용하려면 어떻게 해야 할까요?

 

<!-- HTML 코드입니다 -->
<p class="emphasis capital">클라스는 영원하다.</p>

한 칸 띄우고 추가해주면 끝입니다.

 

그냥 띄우기만 하면 된다니 CSS는 상당히 친절한 언어 같군요!

 

---

 

오늘의 느낌

리프팅 벨트를 차고 스쿼트를 해봤는데 확실히 허리는 덜 아프다 하지만 뭔가 복압에 더욱 신경을 써서 그런지 배가 빨개졌음... 살살해야겠다.

아프지는 않는데 무슨 피멍 든 거 마냥 변해서 깜짝 놀람.