CSS

게시글 'css 인코딩시 주의할점!'에 대한 정보
css 인코딩시 주의할점!
등록일 2009-06-07 조회 2,843

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

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

<link rel="stylesheet" style="text/css" href="/css/style.css">


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

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


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

@charset "utf-8";


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

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

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