wulin.com html 튜토리얼 칼럼으로 돌아가려면 여기를 클릭하십시오. CSS 튜토리얼을 탐색하려면 여기를 클릭하십시오.
위 : 마크 업 언어 - 텍스트에 CSS 스타일을 지정하십시오 . 14 장 사진 교체
더 많은 디자이너와 개발자가 표준 (특히 CSS)을 사용하기 시작함에 따라 매일 많은 새로운 기술이 발견되며 동일한 목표와 더 나은 방법을 달성하는 새로운 방법이 끊임없이 발전하고 있습니다.
이미지 교체는 이러한 종류의 변화의 가장 좋은 예라고 할 수 있습니다. 이것은 CSS를 사용하여 일반 텍스트를 그림으로 바꾸는 기술입니다. CSS를 사용하여 텍스트를 그림으로 바꾸어야합니까?
태그 소스 코드를 변경하지 않고 업데이트 된 이미지를 쉽게 대체 할 수 있기 때문에 모든 이미지 (중요하지 않거나 장식적인)를 CSS에 넣는 것이 가장 좋습니다. 마찬가지로, 우리는 텍스트를 그림으로 교체하는 것을 완전히 지원하는 고급 CS가 있는지 여부에 관계없이 모든 브라우저와 장치가 태그 소스 코드의 의미를 올바르게 구문 분석 할 수 있는지 확인할 수 있습니다. 이 장점은이 책에서 강조되었습니다. 완벽한 해결책은 없습니다.
그러나 단순히 CSS를 사용하여 텍스트를 이미지로 바꾸는 완벽한 방법을 찾는 것은 성배를 찾는 것과 거의 다르지 않습니다 ... 아직 존재하지 않기 때문입니다. 모든 브라우저에서 제대로 작동하는 방법은 있지만 보조 프로그램 (예 : 스크린 리더)에는 사용할 수 없습니다. 사용자가 브라우저에 이미지가 표시되지 않고 CSS를 활성화하도록 지정하지 않는 한 다른 작업 방법이 있습니다.
이 텍스트를 작성할 때 모든 사람 (또는 모든 사용자)을 만족시킬 수있는 방법은 없지만 실제로 많은 웹 사이트가 있습니다. 이미지 교체 방법을 적용 할 때 매우 조심해야하며, 그 부작용도 이해해야합니다. 사용될 수는 있지만 조심하십시오
이것이이 장의 목적입니다. 당시 이미지 교체로 가져온 편의성도 밝혀 지지만 그 결점이 드러날 것입니다. 시간이 지남에 따라 더 많은 CSS 애호가들이 동일한 효과를 달성하는 더 나은 방법을 찾을 수 있습니다. 그 전에는 이익과 손실을 측정하기 위해 기술을 잘 활용해야합니다.
이미지 교체의 개념을 익히기 위해 일반적으로 사용되는 몇 가지 방법을 살펴 보겠습니다. Fahrner 이미지 교체 기술 (Fahrner 이미지 교체; FIR)부터 시작하겠습니다.
이전 페이지 1 2 3 4 5 6 7 다음 페이지 전체 텍스트 읽기