웹 품질 스타일시트

스타일 시트를 사용하는 것은 웹 페이지의 품질을 향상시키는 데 중요합니다.

<font> 태그를 사용하지 마세요!

CSS는 표시된 웹페이지의 글꼴 크기를 설정하는 데 사용해야 합니다. 글꼴 태그를 사용하지 마세요.

<font> 태그를 사용하면 문서 크기가 커지고 매번 표준 텍스트 크기를 변경하는 것이 악몽이 됩니다.

다음 상황을 상상해 보세요.

어느 날 웹사이트의 모든 헤더 색상과 크기를 변경하기로 결정했습니다. CSS를 사용하면 한 줄만 수정하면 됩니다. <font> 태그를 사용하는 경우 사이트의 모든 페이지에서 모든 제목을 변경해야 합니다.

<font> 태그 대신 스타일을 사용하면 웹페이지용 고품질 인터페이스를 더 쉽게 만들 수 있습니다.

고정된 크기 값을 사용하지 마세요. 항상 상대 크기 값을 사용하십시오.

이 권장 사항의 가장 중요한 이유는 고정된 크기는 브라우저를 통해 크기를 조정할 수 없다는 것입니다.

방문자들은 다양한 장치(모니터), 다양한 탐색 환경(밝음) 및 가능한 장애(저시력)를 사용하게 됩니다.

예를 들어, 누군가의 텍스트 크기를 100%(또는 중간)로, 기본 제목을 140%(또는 x-large)로, 보조 제목을 120%(또는 크게)로 설정할 수 있습니다. 브라우저를 사용하여 즐겨찾는 크기를 재설정하세요.

참고: 웹페이지의 텍스트 크기를 조정하여 인쇄된 페이지의 텍스트 수를 변경할 수도 있습니다.

일부 웹사이트에서는 각 페이지에 더 많은 콘텐츠를 "넣어" 넣거나 페이지를 더욱 "멋지게" 보이게 만들기 위해 매우 작은 텍스트 크기를 사용합니다.

다시 한번 말씀드리지만, 다양한 장치(모니터), 다양한 검색 환경(밝음), 가능한 장애(저시력)를 사용하면 사용자에게 읽기 어려움이 발생할 수 있습니다.

사용자가 사이트를 방문할 때마다 텍스트 크기를 늘리도록 강요하지 마세요.

대부분의 웹페이지는 다양한 텍스트 요소에 색상을 사용합니다. 제목과 링크의 색상은 일반적으로 기본 텍스트 색상과 다릅니다.

웹 디자이너로서 귀하는 방문자가 기본 색상 옵션을 수정할 수 있다는 사실을 알고 있어야 합니다.

웹 요소의 색상을 정의하는 경우 배경 색상도 정의해야 합니다.

배경색을 정의하지 않으면 잘못된 색상 조합(예: 빨간색 배경에 밝은 빨간색 텍스트, 어두운 배경에 어두운 텍스트)으로 인해 사이트가 엉망이 될 수 있습니다.

배경색을 지정하지 않으면 텍스트를 읽기 어려울 수 있습니다.