The web for everyone

웹 페이지 제작시 html 페이지와 css 파일을 따로 만들어 관리를 할 경우가 있습니다.
작업을 하다 보면, 특정 브라우저에서 css 파일의 속성들이 적용이 안 될 경우가 있습니다.

1. 가장 기본적으로, html 페이지에서 css 파일 경로 설정을 의심 할 수 있습니다.

2. 경로상의 문제가 없다면, html 파일과 css 파일의 인코딩 문제를 생각 할 수 있습니다.
보통 html 페이지에서 charset 을 지정을 하게 됩니다.

이렇게 chareset을 utf-8로 지정 할 경우, css 파일도 인코딩을 utf-8 로 설정을 해 주셔야 합니다.
css 파일 최상단에 적어주시면 됩니다.

서로 파일 인코딩이 다를 경우 css 파일 내에서 한글을 사용했을 경우, 한글을 제대로 표현해주지 못하고
특수문자 처리가 됩니다. 이런 현상이 발생하게 되면 css 스타일 정의 할 때 사용하는
.class{} 에서 열고 닫는 태그에 영향을 주어 이 문자도 특수문자 처리가 되어, 오류가 발생하게 됩니다.
그래서, 각각 지정해준 style이 적용이 안될 수 있습니다.

그리고!! 파일 내에서만 지정 해 준다고 해결 되는건 아닙니다.
파일 자체 인코딩 방식도 바꿔 주셔야 합니다.
에디터 툴을 보시게 되면, 각 파일의 속성을 볼 수 있습니다.
드림위버에서는 ctrl+j 를 눌러보면, Page Properties 창이 열리게 되는데 Title/Encoding 탭의 내용 중 Encoding의 속성을 변경 할 수 있습니다.
에디트 플러스에서도 파일탭의 인코딩 형태를 변경 할 수 있습니다.

이렇게 html 파일과 css 파일의 인코딩을 동일 시켜주게 된다면 문제가 해결 됩니다 :)