• HTML은 문서 그 자체를 만들어주고 CSS는 이를 꾸며준다.
• 어떻게 꾸미냐에 따라 아예 다른 문서가 될 수 있다.

1. HTML 문서 작성

   

• 클래스: 태그에 그룹을 부여한다 ⇒ 그룹별 선택이 가능해진다.

        <li class="male">X</li>
        <li class="female">Y</li>

1. css 코드 작성

• css 파일 작성 ⇒ <link rel="stylesheet" href="파일명">
• 예시: <link rel="stylesheet" href="a.css"> ⇒’ a.css’라는 파일명으로 css파일 생성
• 기본 구조:

/*대상 선택 */

selector {

 /* 속성과 값 */

 attribute: value;

}

body{
    font-family: 'NanumGothic';
}

• .class-name {}: 클래스 선택

.male{
    color: #007bff;
}

.female{
    color: #e43681;
}

• tag {}: 태그 선택