html 문서에 CSS 적용하는 방법

html 문서에 css를 적용하려면 먼저 html 파일과 css 파일이 필요하다.

파일이 준비되면 html 파일의 head 부분에 다음 코드를 입력하여 css 파일을 임포트하면 된다.

<link rel="stylesheet" href="css 파일 이름">

예시로 다음 css 파일을 html 파일에 적용해보자.

color 기능을 사용하여 h2(제목)와 li(항목) 부분의 폰트 색을 변경하였다.

스타일을 지정하는 코드의 형식은 다음과 같다.

p { color: #FFFFFF; }

p의 부분에는 변경할 컨텐츠의 형식(h2, li 등)을 넣고, color 부분에는 원하는 기능(background-color 등)을 넣으면 된다.

위의 코드를 사용하면 html 파일의 h2 태그와 li 태그 부분에 색상 변경 효과가 적용된다.

html 파일의 h2, li 부분

css 파일이 적용된 모습