Computer: Makeuper: CSS: Step07 - Revision history

Wini: Reverted edits by 125.103.222.73 (Talk); changed back to last version by Wini

2007-07-14T15:30:44Z

Reverted edits by 125.103.222.73 (Talk); changed back to last version by Wini

@@ Line 15: / Line 15: @@
 # 使用詳細指定子類別關係的方式來處理（推薦使用）
 ## 只能用在外部的 CSS 檔案及 HTML 文件 head 處的 style 宣告而已。
-## 寫法 ： <br /> '''<nowiki>*
+## 寫法 ： <br /> '''<nowiki>* &gt; TAG { attribute : value ; }</nowiki>'''

125.103.222.73 at 13:35, 14 July 2007

2007-07-14T13:35:55Z

@@ Line 15: / Line 15: @@
 # 使用詳細指定子類別關係的方式來處理（推薦使用）
 ## 只能用在外部的 CSS 檔案及 HTML 文件 head 處的 style 宣告而已。
-## 寫法 ： <br /> '''<nowiki>* &gt; TAG { attribute : value ; }</nowiki>'''
+## 寫法 ： <br /> '''<nowiki>*

Wini: Reverted edits by 143.225.250.120 (Talk); changed back to last version by Wini

2007-07-08T08:45:59Z

Reverted edits by 143.225.250.120 (Talk); changed back to last version by Wini

@@ Line 15: / Line 15: @@
 # 使用詳細指定子類別關係的方式來處理（推薦使用）
 ## 只能用在外部的 CSS 檔案及 HTML 文件 head 處的 style 宣告而已。
-## 寫法 ： <br /> '''<nowiki>*
+## 寫法 ： <br /> '''<nowiki>* &gt; TAG { attribute : value ; }</nowiki>'''

143.225.250.120 at 09:43, 4 July 2007

2007-07-04T09:43:40Z

@@ Line 15: / Line 15: @@
 # 使用詳細指定子類別關係的方式來處理（推薦使用）
 ## 只能用在外部的 CSS 檔案及 HTML 文件 head 處的 style 宣告而已。
-## 寫法 ： <br /> '''<nowiki>* &gt; TAG { attribute : value ; }</nowiki>'''
+## 寫法 ： <br /> '''<nowiki>*

Wini: /* 如何解決不同瀏覽器的支援度不同的問題 */

2005-02-18T13:50:28Z

如何解決不同瀏覽器的支援度不同的問題

← Older revision		Revision as of 13:50, 18 February 2005
Line 13:		Line 13:
	== 如何解決不同瀏覽器的支援度不同的問題 ==		== 如何解決不同瀏覽器的支援度不同的問題 ==

	#~~使用子類別的方式來處理~~		# 使用詳細指定子類別關係的方式來處理（推薦使用）
	##只能用在外部的 CSS 檔案及 HTML 文件 head 處的 style 宣告而已。		## 只能用在外部的 CSS 檔案及 HTML 文件 head 處的 style 宣告而已。
	##寫法： <~~p style="color:red;"~~>* > TAG { attribute : value ; }</p>		## 寫法： <br /> '''<nowiki>* > TAG { attribute : value ; }</nowiki>'''
	##解說~~<p>~~「*」是萬用字元，可用來代表任何的 HTML 標籤。~~</p><p>~~「>~~」就是子類別的表示法，~~ IE 6 ~~看不懂所以使用這個時，以下的樣式指定就會被它所忽略掉。</p>~~		## 解說
	#使用 Javascript ~~來辯識瀏覽器的版本~~		### 「'''*'''」是萬用字元，可用來代表任何的 HTML 標籤。
	#使用內嵌 IE7 Favelet 的 js ~~檔案來處理。~~		### 「'''>'''」就是詳細指定子類別關係的表示法， IE 6 看不懂所以使用這個時，該段樣式指定就會被它所忽略掉。
	##http://dean.edwards.name/IE7/favelet.html		# 使用 Javascript 來辯識瀏覽器的版本（不建議）
	##在文件中放入以下 JavaScript 語法以使 IE 使用該檔，而其它瀏覽器不使用。（檔案位置請自行調整）<br /><!--[if it IE7]><br /><script type="text/javascript" src="ie7.js"></script><br /><[endif]--><br />		# 使用內嵌 IE7 Favelet 的 js 檔案來處理。（不建議）
			## http://dean.edwards.name/IE7/favelet.html
			## 在文件中放入以下 JavaScript 語法以使 IE 使用該檔，而其它瀏覽器不使用。（檔案位置請自行調整）<br /><!--[if it IE7]><br /><script type="text/javascript" src="ie7.js"></script><br /><[endif]--><br />

	== 如何寫一個純文字瀏覽器也能正常觀看的網頁 ==		== 如何寫一個純文字瀏覽器也能正常觀看的網頁 ==

Wini: /* 各瀏覽器對 CSS 的支援度 */

2005-02-18T13:46:13Z

各瀏覽器對 CSS 的支援度

← Older revision		Revision as of 13:46, 18 February 2005
Line 3:		Line 3:
	== 各瀏覽器對 CSS 的支援度 ==		== 各瀏覽器對 CSS 的支援度 ==

	#IE 6 families: CSS 1 全部、CSS 2 非常少		# IE 6 families: CSS 1 全部、CSS 2 非常少
	#IE 7 families: 還沒出不清楚		# IE 7 families: 還沒出不清楚
	#Gecko families(Mozilla, Firefox...): 隨時支援絕大多數新出的開放規格及標準		# Gecko families(Mozilla, Firefox...): 隨時支援絕大多數新出的開放規格及標準
	#Opera: 隨時支援絕大多數新出的開放規格及標準		# Opera: 隨時支援絕大多數新出的開放規格及標準
	#lynx: 不明		# lynx: 不支援
	#links2: 不支援		# links/links2: 不支援
	#其它純文字瀏覽器: 不明		# 其它純文字瀏覽器: 不支援

	== 如何解決不同瀏覽器的支援度不同的問題 ==		== 如何解決不同瀏覽器的支援度不同的問題 ==

Wini: /* 如何寫一個純文字瀏覽器也能正常觀看的網頁 */

2005-02-16T16:38:18Z

如何寫一個純文字瀏覽器也能正常觀看的網頁

← Older revision		Revision as of 16:38, 16 February 2005
Line 32:		Line 32:
	## 駭客		## 駭客
	## 視障人士		## 視障人士
	## ~~聽障人士也可以因為良好的網頁設計而受惠。~~[http://dia.z6i.org/~~day_10_presenting_your_main_content_first.html 看看此網站。~~]		## 關於其它資料請[http://dia.z6i.org/ 看看此網站]
	# 純文字瀏覽器要假設其不支援以下數種功能		# 純文字瀏覽器要假設其不支援以下數種功能
	## CSS 樣式表		## CSS 樣式表

Wini: /* 如何寫一個純文字瀏覽器也能正常觀看的網頁 */

2005-02-16T08:29:03Z

如何寫一個純文字瀏覽器也能正常觀看的網頁

← Older revision		Revision as of 08:29, 16 February 2005
Line 29:		Line 29:
	## 講究效率的人		## 講究效率的人
	## 只關心你網頁的文字資料而不想看你的網頁多美觀的人		## 只關心你網頁的文字資料而不想看你的網頁多美觀的人
			## 使用窄頻網路、撥接之類的連線方式的人
	## 駭客		## 駭客
	## 視障人士		## 視障人士

Wini: /* 如何寫一個純文字瀏覽器也能正常觀看的網頁 */

2005-02-16T06:49:17Z

如何寫一個純文字瀏覽器也能正常觀看的網頁

← Older revision		Revision as of 06:49, 16 February 2005
Line 57:		Line 57:
	## 利用 hr 來分隔開不同主題區域		## 利用 hr 來分隔開不同主題區域
	## 利用純文字瀏覽器不支援 CSS 這點，在標籤中加入 style="display:none;" 來隱藏不想在支援 CSS 的瀏覽器中出現的元素。		## 利用純文字瀏覽器不支援 CSS 這點，在標籤中加入 style="display:none;" 來隱藏不想在支援 CSS 的瀏覽器中出現的元素。
			## 最後要注意一點，如果你根本不打算管使用純文字瀏覽器的人怎樣的話，那基本上是不需要費這些工夫的，把時間拿去做更多作品比較重要。

Wini: /* 如何寫一個純文字瀏覽器也能正常觀看的網頁 */

2005-02-16T05:37:14Z

如何寫一個純文字瀏覽器也能正常觀看的網頁

← Older revision		Revision as of 05:37, 16 February 2005
Line 31:		Line 31:
	## 駭客		## 駭客
	## 視障人士		## 視障人士
	## ~~聽障人士~~		## 聽障人士也可以因為良好的網頁設計而受惠。[http://dia.z6i.org/day_10_presenting_your_main_content_first.html 看看此網站。]
	# 純文字瀏覽器要假設其不支援以下數種功能		# 純文字瀏覽器要假設其不支援以下數種功能
	## CSS 樣式表		## CSS 樣式表
Line 49:		Line 49:
	## 關閉圖片 : Disable - Disable Images		## 關閉圖片 : Disable - Disable Images
	# 其它補充：如果你的網頁在關閉以上功能後會慘不忍睹的話，最好重新編排一下網頁的結構。		# 其它補充：如果你的網頁在關閉以上功能後會慘不忍睹的話，最好重新編排一下網頁的結構。
	## 多多利用 h ~~標題文字來分出大段落來~~		## 網頁前端部分盡量不要放入跳躍至不同頁面用的導覽用連結（也就是導覽列），因為這種東西通常又多又長。網頁前端，亦即 HTML 源碼中，較為前面的那些資料，應該是要用來放這個頁面的概要而不是很長很～長的導覽列的。
	## 多多利用 p ~~來分出小段落來~~		## 盡可能地不要用到表格 table ，你可以參考[http://ccca.nctu.edu.tw/~hlb/trans/practicalcss/ 這個網站]來丟掉你的表格，這代表說你甚至可以不必用到框架頁！
			## 你可以利用 CSS 來改變 HTML 文件中各元素 element 在圖形使用者介面瀏覽器上所表示的位置，這代表你絕對可以在兼顧到使用純文字瀏覽器使用者的情況下，寫出你所想要的網頁排版來。
			## 多多利用 h 標題文字的標籤來分出大段落來
			## 多多利用 p 段落的標籤來分出小段落來
	## 利用 \| 將同一列的超連結分隔開來		## 利用 \| 將同一列的超連結分隔開來
	## 利用 hr 來分隔開不同主題區域		## 利用 hr 來分隔開不同主題區域
	## 利用純文字瀏覽器不支援 CSS 這點，在標籤中加入 style="display:none;" 來隱藏不想在支援 CSS 的瀏覽器中出現的元素。		## 利用純文字瀏覽器不支援 CSS 這點，在標籤中加入 style="display:none;" 來隱藏不想在支援 CSS 的瀏覽器中出現的元素。