CSS는 다음과 같이 구성되어 있습니다.

• CSS의 의미와 적용방법
• block과 inline의 차이점
• em과 rem의 차이
• Sass - CSS 전처리기
• CSS margin과 padding의 차이
• sticky 를 알아보자
• class와 id의 차이점
• CSS Flexbox - 자주 사용되는 것 정리

요소에 스타일을 주고 싶을 때 많은 방법이 있는데, 그중에 class 선택자, id 선택자를 많이 사용하여 스타일을 지정합니다.

class 선택자

class는 아래와 같이 ‘.’을 사용해서 스타일을 추가합니다.

.btn1 {
    background-color : #000000;
    color : #ffffff;
}

class는 한 요소에 여러 class명이 적용될 수 있고 동일한 class명을 여러 요소에도 중복해서 사용이 가능하다는 특징이 있습니다.

id 선택자

id는 아래와 같이 ‘#’을 사용해서 스타일을 추가합니다.

#btn2 {
    background-color : #000000;
    color : #ffffff;
}

id는 한 요소에 한 id값만 적용이 가능하고 id명을 중복해서 사용할 수 없다는 특징이 있습니다. id는 class보다 우선순위가 높습니다.

End.