스타일의 종류

출처별 CSS 스타일

CSS는 html 요소의 디자인을 결정합니다. 기본 css는 다양한 출처가 있습니다.

  • 브라우저별 기본 스타일
  • 브라우저 사용자 스타일
  • 제작자 스타일 <= 우리가 작성한 스타일 시

즉, 출처란 스타일 규칙이 어디에서 적용한 것인지를 판별 하는 것입니다.

제작자 스타일 (Author style)

제작자 스타일이란 개발자가 직접 스타일을 지정하여 적용하는 것을 말합니다. 인라인스타일, 내부스타일, 외부스타일 모두 제작자 스타일을 의미합니다.

사용자 스타일 (User style)

사이트 이용자가 사용자 브라우저에 설정하여 변경한 디자인을 말합니다.

예를들면) 저시력자가 글자를 멱확이 읽이 위해서 윈도우 설정에 “고대비” 기능을 적용하는 경우, 이를 반영하여 브라우저가 처리하는 스타일을 말합니다.

브라우저 스타일(Browser Style)

브라우저 종류에 따라서 적용되는 스타일을 말합니다. 브라우저 종류마다 html 테그의 디자인 속성이 다르게 지정 되어 있습니다.

브라우저 접두사

브라우저별 css를 적용하는 접두사(prefix) 입니다.

  • -webkit-
  • -moz-
  • -o-
  • -ms-

브라우저를 자동으로 붙여주는 prefix-free.js 가 있습니다.

다양한 모양의 스타일 적용방식


스타일은 모두 동일 하지 않습니다. 운영체제, 브라우저 등에 따라서 다르게 스타일이 적용되어 있습니다.

운영체제 스타일

테스크탑 운영체제별로 다르게 적용되는 스타일을 말합니다.

브라우저 스타일

브라우저마다 적용되는 스타일의 모양이 다르다.

사용자 스타일

사용자가 브라우저, 운영체제등의 설정을 직접 변경하여 적용하는 스타일을 말합니다. 글씨의 크기를 크게 하거나, 색맹, 시각등의 장애를 가지고 있는 사람들이 많이 이용을 합니다.

제작 스타일

사이트를 만드는 사람이 스타일을 변경하는 것을 말합니다.