제 과제 중 하나에 대해 2 가지 CSS 스타일 시트를 만들어야합니다. 이제 과제에서 두 개의 스타일 시트를 하나의 html 페이지에만 연결할 수 있으므로 두 가지 스타일을 전환하는 데 두 가지 옵션이 있음을 알 수 있습니다. 내 질문 : 어떻게 이것을합니까? 자바가 관련되어 있다고 들었는데 옵션을 표시 할 수 있도록 버튼이나 메뉴를 만들 필요가 있습니까?하나 이상의 HTML 파일에 하나 이상의 CSS 스타일 시트 사용
내가 말하고자하는 바를 이해하지 못하면 다음 예가 있습니다. http://adactio.com/. 하단에는 테마를 변경할 수있는 옵션이 있지만 두 개의 버튼 만 있으면 괜찮습니다.
미리 감사드립니다.
Google에서 '스타일 시트 스위처'를 찾아보십시오.
그들은 수업에서 이것을 가르쳤습니까? 이 기술이 당신의 교과서에 있다고 가정합니다. 교수님은 당신이 허공에서 지식을 가지기를 기대하지 않을 것입니다 ...
당신이 보았던 사이트가 URL을 통해 변수를 전달하고 있습니다. 그런 다음 URL의 내용에 따라로드되는 스타일 시트를 결정합니다.
는
"? 피부 = 하이테크http://adactio.com/는"당신은 변수를 만들 수 있습니다. 그런 다음 링크를 통해 전달합니다. 뭔가 같은 :
<a href="?skin=hi-tech">Hi Tech Skin</a>
그럼 당신은 같은 것을 할 것로드되는 스타일 시트를 결정하기 :
<?php if(skin == 'hi-tech'){ ?>
<link rel="stylesheet" href="#" type="text/css" media="screen" />
<?php }else if(...and so on...
서버에 요청하지 않고 페이지 스타일을 변경하지 마십시오 예, 그래서 당신이 할 수 있습니다 게 아니에요 . 교수님이 웹 브라우저에서 선택할 수있는 '대체 스타일 시트'에 대해 질문하셨습니다. 문서의 당신의 heade이 코드와
<link rel="stylesheet" type="text/css" href="std.css" title="standard skin" />
<link rel="alternate stylesheet" type="text/css" href="alt.css" title="alternate skin" />
, 당신은 스타일에 사용할 스타일 시트를 선택할 수 있으며 PHP, CGI 나 다른 서버 측 기술없이 변경 될 수 있습니다.
http://www.w3.org/Style/Examples/007/alternatives 자세한 내용은
참고 : 문서가 처음로드 될 때
, 영구 및 선호하는 스타일 시트가 문서에 적용됩니다. 그런 다음 대체 스타일 목록을 사용자가 선택할 수 있습니다. W3C는 브라우저에서 사용할 스타일 시트를 브라우저에 제공해야하며 드롭 다운 메뉴 또는 도구 모음이 제공 될 것이라고 제안합니다.
아니요. 두 번째에는 rel = "stylesheet"가 아닌 rel = "alternate stylesheet"가 있습니다. – rism
그 페이지의 쿼리 문자열에 따라 올바른 스타일 시트에 "링크"요소를 추가하는 페이지로드에 자바 스크립트를 사용하는 것만 큼 간단합니다. 쿼리 문자열이없는 경우 (처음 페이지를 방문한 경우), Java 스크립트를 통해 기본 페이지가 추가됩니다 (또는 이미 페이지와 자바 스크립트에서 현재 페이지를 편집).
내가이 생각은 잘못된 생각
"그래서 두 가지 스타일 사이를 전환 할 두 가지 옵션이있을 것 같은데요." 한 페이지에서 여러 CSS 파일에 링크하는 것이 일반적이지 않은데 동시에 두 페이지를 사용합니다. 더 적은 수의 파일을 사용하는 것이 좋지만 두 개 이상을 갖는 것은 드문 일이 아닙니다.
이것은 숙제 다. 힌트 : 링크 된 웹 페이지의 소스를보십시오. – Hogan
Google은 친구입니다. 한 예 :'javascript change stylesheet' –
Google에서 보았지만 올바른 단어를 사용하지 못했을 것입니다. 게다가 나는 이것에 대한 절판 마크를 얻지 못한다. 나 자신을하고 싶은 개인적인 것이다. – user228390