[생활코딩] 선택자의 종류 : 클래스 선택자

selector : 선택자
declaration : 선언
property : 속성
value : 속성 값
":" : 속성과 속성 값을 구분 해주는 구분자
";" : 선언과 선언을 구분 해주는 구분자

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>기본 틀</title>
    <style>
      li {
        color: red;
        text-decoration: underline;
        /* 효과 지정 시 ;를 사용하면 구분을 지어줘야 한다. */
        /* 줄바꿈을 해주면 가독성이 높아진다. */
      }

      .select {
        font-size: 50px;
        color: blue;
      }
    </style>
  </head>
  <body>
    <ul>
      <li>HTLM</li>
      <li class="select">CSS</li>
      <li>JavaScript</li>
    </ul>
  </body>
</html>

[ id ]

유일한 이름을 의미한다. (여러번 쓸 수 X)

(ex) 주민등록번호

[ class ]

어떠한 대상을 관리하기 쉽도록 그룹화 하는 역할 (여러번 쓸 수 O)

(ex) 학년, 반

'프레임워크 > CSS' 카테고리의 다른 글

[생활코딩] 선택자 공부 팁 (0)	2022.01.20
[생활코딩] 부모 자식 선택자 (0)	2022.01.20
[생활코딩] 선택자의 종류 : 아이디 선택자 (0)	2022.01.19
[CSS] @keyframes 사용하기 (0)	2022.01.18
[생활코딩] 선택자와 선언 (0)	2022.01.18