https://www.andcycle.idv.tw/mediawiki/index.php?action=history&feed=atom&title=Computer%3A_Makeuper%3A_CSS%3A_Ex02
Computer: Makeuper: CSS: Ex02 - Revision history
2026-05-06T07:42:32Z
Revision history for this page on the wiki
MediaWiki 1.43.3
https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Makeuper:_CSS:_Ex02&diff=7031&oldid=prev
Wini at 17:16, 4 February 2005
2005-02-04T17:16:23Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 17:16, 4 February 2005</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l34">Line 34:</td>
<td colspan="2" class="diff-lineno">Line 34:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>----</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>----</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">其它相關的資料</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">http://css-discuss.incutio.com/?page=StyleSwitching</ins></div></td></tr>
<!-- diff cache key mediawiki:diff:1.41:old-3023:rev-7031:php=table -->
</table>
Wini
https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Makeuper:_CSS:_Ex02&diff=3023&oldid=prev
192.192.105.25 at 07:15, 23 September 2004
2004-09-23T07:15:26Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 07:15, 23 September 2004</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l7">Line 7:</td>
<td colspan="2" class="diff-lineno">Line 7:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>在文件中書寫可以讓有支援多樣式表選擇功能（是叫 Multi-StyleSheet-Selection 嗎????）的瀏覽器可以去選擇不同樣式表的語法。</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>在文件中書寫可以讓有支援多樣式表選擇功能（是叫 Multi-StyleSheet-Selection 嗎????）的瀏覽器可以去選擇不同樣式表的語法。</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>如 Mozilla 的選項就位於「檢視 V) → 使用其它CSS樣式表 U)<del style="font-weight: bold; text-decoration: none;">」之中。</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>如 Mozilla 的選項就位於「檢視 V) → 使用其它CSS樣式表 U)<ins style="font-weight: bold; text-decoration: none;">」之中。Firefox的則是狀態列左下的小圖示，要在有碰上這種網頁時才會跳出來。</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">另外也可以試試看用 Javascript 來切換樣式表。如 [http://blog.cyberjos.idv.tw/space/start CyberJos]的網頁就是。</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>----</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>----</div></td></tr>
<!-- diff cache key mediawiki:diff:1.41:old-1676:rev-3023:php=table -->
</table>
192.192.105.25
https://www.andcycle.idv.tw/mediawiki/index.php?title=Computer:_Makeuper:_CSS:_Ex02&diff=1676&oldid=prev
Wini at 14:46, 29 July 2004
2004-07-29T14:46:13Z
<p></p>
<p><b>New page</b></p><div>----<br />
<br />
回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]] ‧ 回到 [[Computer: Makeuper: CSS]]<br />
<br />
----<br />
<br />
在文件中書寫可以讓有支援多樣式表選擇功能（是叫 Multi-StyleSheet-Selection 嗎????）的瀏覽器可以去選擇不同樣式表的語法。<br />
<br />
如 Mozilla 的選項就位於「檢視 V) → 使用其它CSS樣式表 U)」之中。<br />
<br />
----<br />
<br />
重點在於 link tag ，就是在 <nowiki><HEAD></nowiki> 引入 *.CSS 檔案的那一行標籤。<br />
<br />
<font color="green"><nowiki><br />
<link rel="stylesheet" type="text/css" href="default.css" title="default" ><br />
</nowiki></font><br />
<br />
<font color="green">rel</font> 代表 relation ，在這邊就是 stylesheet 。<br><br />
<font color="green">type</font> 應該不需要解釋了。<br><br />
<font color="green">href</font> 當然是你的 CSS URL 位置。<br><br />
<font color="green">title</font> 就是幫它取個名稱，在選擇時才能方便辯識。<br><br />
<br />
當有兩個以上時，第二個之後的 relation 要從 stylesheet 改為 <font color="red">alternate stylesheet</font> 。<br />
<br />
<font color="green"><nowiki><link rel="alternate stylesheet" type="text/css" href="second.css" title="second" ></nowiki></font><br />
<br />
<br />
從這邊的例子來看，當別人選 default 就是用第一個 CSS ，選 second 就是第二個 CSS ，差不多就這樣。<br />
<br />
不過不是所有的瀏覽器都有這個功能，沒有這個功能的會以 relation 宣告為 stylesheet 為準。<br />
<br />
----</div>
Wini