사용자 스타일 시트를 사용해야하는 이유는 무엇입니까?
이제 사용자 스타일 시트를 사용할 때 방문한 모든 웹 페이지가 똑같이 보이는 상황을 설정하지 않습니다. 대신 웹 탐색에 도움이되는 사용자 스타일 시트가 있습니다. 사용자 스타일 시트를 사용하면 페이지 요소에 스타일을 설정하여 웹 페이지 디자이너가 의도 한 것과 관계없이 읽고 쉽게 사용할 수 있습니다.
제가 알아 채 셨던 것 중 하나는 젊은 사람들이 많은 웹 페이지를 작성한다는 것입니다. 이 사람들은 현미경 적으로 글씨를 좋아하는 것 같습니다. 사용자 스타일 시트를 사용하면 기본 글꼴 크기를 더 읽기 쉬운 글꼴 크기로 설정할 수 있습니다. 웹 디자이너가 또 다른 인기있는 트릭 은 링크 에서 밑줄 을 제거하는 것입니다. 이렇게하면 페이지가 더 멋지게 보이지만 클릭 할 수있는 것을 말하기는 어렵습니다. 따라서 사용자 스타일 시트를 사용하면 방문한 페이지의 링크에 밑줄을 다시 표시합니다.
사용자 스타일 시트 작성
사용자 스타일 시트를 작성하는 것은 웹 페이지에 대한 CSS 스타일 시트 를 작성하는 것만 큼 간단합니다. 표준 스타일 시트에서 할 수있는 것과 동일한 속성 및 명령을 모두 사용할 수 있습니다. 사용자 스타일 시트의 트릭은 하드 드라이브에 저장되어 웹 브라우저에 사용하도록 지시하는 것입니다. 사용하는 웹 브라우저에 따라 설정 방법이 다릅니다.
- Firefox
- Windows 용 Internet Explorer
- Macintosh 용 Internet Explorer
- 모질라
- 오페라
- 원정 여행
사용자 스타일 시트 및 접근성
밑줄을 추가하거나 글꼴을 크게 만드는 것은 나에게 더 쉽게 접근 할 수있는 웹 페이지를 만들기위한 좋은 출발이지만 사용자 스타일 시트를 사용하면 더 멀리 갈 수 있습니다. 예를 들어, 많은 웹 디자이너는 더 많은 의미와 문법을 사용하는 대신 페이지 에서 and 요소를 사용합니다. 내가 청각 장애인이라면 청각 브라우저를 사용하여 브라우저는 무엇을해야할지 모르고 의미 론적 의미가 없기 때문이다. 그러나 사용자 스타일 시트를 사용하면 의미가있는 부분과 동일하게 강하게 강조 할 수 있습니다.
사용자 스타일 시트로 재생하기
사용자 스타일 시트를 사용하는 가장 일반적인 방법은 링크에 밑줄을 다시 추가하는 것입니다. 사용자 스타일 시트에 다음 CSS 속성을 추가하기 만하면됩니다.
: 링크, : 방문 {text-decoration : 밑줄! 중대한; }스타일 끝에 "! important"를 추가하는 것은 중요합니다. 그렇지 않으면 작성자 정의 스타일 시트가 사용자 스타일 시트보다 우선하기 때문입니다.
사용자 스타일 시트를 사용하는 또 다른 유용한 트릭은 성가신 태그를 더 짜증나게 만드는 것입니다. 이 스타일을 사용하면 깜박임 태그 및 선택 윤곽 태그가 깜박이거나 스크롤되지 않습니다.
깜박임 {텍스트 장식 : 없음! 중대한; } 선택 윤곽 {-moz-binding : none! 중대한; }웹 디자이너 : 이것을 마음 속에 간직하십시오.
웹 페이지를 디자인 할 때 사용자 스타일 시트가 설정되어 있다는 것을 기억해야합니다. 그렇지 않으면 팀의 다른 모든 사람들이 링크를 사용하지 않는 동안 모든 링크에 밑줄이 표시되는 이유를 해결하는 데 몇 시간과 시간을 소비하게됩니다. 웃을 지 모르지만 오늘 사용자 스타일 시트를 설정하고 6 개월 후에 웹 사이트 스타일을 변경하면 사용자 스타일 시트를 설정하는 것을 잊어 버릴 가능성이 있습니다.
내가하는 일은 웹을 탐색하는 표준 프로필과 내 웹 페이지를 테스트하는 데 사용하는 기본 프로필입니다. 그런 식으로 내가 가장 편안하게 웹을 탐색 할 수 있지만, 대부분의 사람들이 내 웹 페이지를 보는 방법도 알게됩니다. Internet Explorer를 사용하여 브라우징하려고한다면 웹 페이지를 테스트 할 때 사용자 스타일 시트를 꺼야합니다.