Latest web development tutorials

품질 웹 스타일 시트

페이지의 품질이 중요하다 향상시키기 위해 스타일 시트를 사용합니다.


<FONT> 태그를 사용하지 마십시오!

CSS는 페이지의 표시 폰트 크기를 설정하는 데 사용되어야한다. 글꼴 태그를 사용하지 마십시오.

사용 <FONT> 태그는 문서의 크기를 증가시킬 것이고, 그래서 당신은 표준 텍스트 작업의 크기를 변경할 때마다 악몽되었다.

다음과 같은 시나리오를 상상해 :

어느 날 당신은 모든 색상과 크기에 사이트의 제목을 수정하기로 결정. CSS 통해, 당신은이 작업을 수행 할 수있는 하나의 라인을 변경해야합니다. 당신이 <FONT> 태그를 사용하는 경우, 당신은 다시 수정 된 모든 페이지의 모든 호에 사이트를 넣을 필요가있다.

lamp.gif 스타일 대체 <FONT> 태그를 사용하여보다 용이하게 고품질 웹 인터페이스를 생성 할 수있게된다.


고정 된 글꼴 크기를 사용하지 마십시오

고정 된 크기 값을 사용하지 마십시오. 항상 상대 크기를 사용합니다.

이 제안은, 고정 사이즈 브라우저 크기를 재조정하지 않는 가장 중요한 이유이다.

방문자는 다른 장비 (모니터), 다른 브라우저 환경 (빛)과 가능한 장애 (약시)를 사용할 수 있습니다.

사용자가 사용할 수 있도록 예를 들어, 사람의 문자 크기 보조 타이틀은 120 % (또는 큰)로 설정되어있는 동안 메인 타이틀 (또는 X 대) 140 %로 설정하고, 100 % (또는 매체)로 설정 넣을 수 좋아하는 크기로 브라우저를 다시 설정합니다.

주 : 페이지 텍스트 피쳐의 크기를 조정함으로써, 텍스트의 인쇄 된 페이지 수는 변경 될 수있다.


기본 글꼴 크기를 사용하지 마십시오 매우 작

각 페이지는 더 많은 콘텐츠에 "연결"또는 페이지가 더 보이게 할 수 있도록 일부 웹 사이트는, 작은 텍스트 크기를 사용 "유행."

다시 말하지만, 다른 장비 (모니터), 다른 브라우저 환경 (빛)과 가능한 장애 (약시)를 사용하여, 사용자는 난독증의 원인이 될 수 있습니다.

lamp.gif 텍스트 크기 당신이 사이트에 매번 방문 할 때마다 확대하기 위해 사용자를 강제하지 마십시오.


항상 같은 배경 색상을 사용

대부분의 페이지들은 텍스트 요소들에 대한 다양한 색상을 사용한다. 제목 및 링크 텍스트 색상 텍스트의 색상은 일반적으로 다르다.

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

사용자가 웹 소자의 색상을 정의하면, 동일한 배경색을 정의한다.

당신은 배경 색상을 정의하지 않으면, 다음 사이트 (예 : 텍스트 위에 빨간색 밝은 빨간색 배경, 또는 어두운 배경 어두운 텍스트) 나쁜 색상 조합을 엉망이 될 수 있습니다.

lamp.gif 당신은 배경 색상을 지정하지 않은 경우, 텍스트는 식별하기 어려운 할 수 있습니다.