Talk:Computer: Makeuper: CSS: Outline - Revision history

Wini: Protected "Talk:Computer: Makeuper: CSS: Outline" [edit=autoconfirmed:move=autoconfirmed]

2007-07-08T08:47:22Z

Protected "Talk:Computer: Makeuper: CSS: Outline" [edit=autoconfirmed:move=autoconfirmed]

← Older revision		Revision as of 08:47, 8 July 2007
(No difference)

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

2007-07-08T08:47:11Z

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

← Older revision		Revision as of 08:47, 8 July 2007
Line 1:		Line 1:
	mmm 就語意上而言<br>		mmm 就語意上而言<br>
			<font color="red" size="100%">example_01</font><br><br>
			跟<br>
			<div>example_01</div><br>
			好像不太一樣吧

			如果是文中的例子，標籤的部份我想我會寫成這樣

			<html><br>
			<head><br>
			<meta http-equiv="content-type" content="text/html; charset=big5"><br>
			</head><br>
			<body><br>
			<span>example_01</span><br><br>
			<span>example_02</span><br><br>
			<span>example_03</span><br><br>
			<span>example_04</span><br><br>
			<span>example_05</span><br><br>
			</body><br>
			</html>

			當然 CSS 也要稍微改一下，不過我只是想說明標籤部份兩者的不同點



			20040925<br>
			wini:<br>
			嗯，如果說「因為結果是一樣的所以就這樣做了」的話八成會被打死吧…（汗）如果說的是「反正只是舉例而已就隨便啦」的話一定會被灌水泥沉入哪兒的港灣吧…（大汗）<br>
			其實會那樣寫只是單純的反射性最佳化動作而已，<nowiki><div></nowiki> 有 block 屬性，所以可以做比 <nowiki><span></nowiki> 還多的變化，想弄成 inline 時，寫個 display:inline; ，就又跟 <nowiki><span></nowiki> 一樣了，所以這一切都是反射動作了呀！（喝口茶中）<br>
			總之那頁是以「最推薦的寫法」為目的寫的，不過看來好像跳太快了呀…（汗）那我就小修一下好了，先寫成 font 以免有人一時意會不過來在寫什麼或許比較好也說不定。（因為想到自己是花了半年才發現到『inline和block的用法』以及『HTML標籤之內的標籤的CSS寫法』這點就實在很嘔，所以索性一開始就告訴別人這一點的人。）<br>


			20040925<br>
			Well, 現在改成 <nowiki><font></nowiki> 的方式也怪怪的...

			span 也可以設 display: block; 呀 :P 我說設 span 的原因只是因為原文的結構(同段落內的文字)本來是 inline, 所以轉換後直覺就是 span (除非顧及相容性, 否則 font 無論如何應該用不到了)

			後面的 br 重不重要呢？如果 user 只是「不想列在同一行」, 那或許你建議的方法 (div) 可行. 如果是原標籤結構轉換，那 css 裡應該沒有與"換行"同語意的特性，應保留 br. so, 我會如此建議只是本著「原文轉換」的概念。

			你的「HTML標籤之內的標籤的CSS寫法」意思是「將 CSS 寫在 HTML 標籤內的方法」嗎　^^;...


			20040928<br>
			wini:<br>
			抱歉這麼慢才回覆，在外頭沒法好好用電腦。

			「HTML標籤之內的標籤的CSS寫法」，這是指「div.ClassName div」這類的，可以指定在該 ClassName 的 div 標籤內的 div 的屬性的方法，對於處理很多東西都很方便，比如說某一區塊是用同一樣式的，而另一區塊又是另一種樣式，這時只要指定那兩個區塊的 ClassName 就好，不必再去指定含在該區塊裡面的標籤所需的 Class 或 Id 了，直接利用「HTML標籤之內的標籤的CSS寫法」就能寫得更精簡了，也就是像你看到的 [[Computer: Makeuper: CSS: Outline\|CSS簡介]] 那樣。我是一時不知道正確名稱該怎麼稱呼就那樣叫了啦。（汗）哦哦，找到了，是叫做前後文選擇器 ([http://chinese-school.netfirms.com/csst6.htm W3C]) 。看來應該是 W3C 那的中文說明意義太難懂了，所以我以前完全沒注意到有這項功能呢，看來得先重讀一次 W3C 上的文件再重新修整一下了。（想到要修改一堆錯誤的用語就頭痛呀，不過是自己造的孽也沒辦法。）

			至於你說的 span 的…其實我是搞不太懂在說啥了啦。（狂擦汗）不過大致能推論的是 font 跟 span 功能不同，而且 span 只有 display:inline; 屬性，如果要把 font 中的屬性（？）拿掉的話，確實是用 span 比較好呢，不過兩者看來好像又沒差別的樣子呀，雖然說如果沒用 br 的話就不該用 div 呀……總之我進行修正一下，謝謝你的意見囉。

			== 關於例子 ==

			*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />CSS 要發揮最大的用途，HTML 也要注意一下。與其用 div 然後再各自包 span，應該直接用單一個 p 包起來就好吧？(其實清單應該用 li 做，但是那對新手來說或許反而會造成更多混亂。)

			*[[User:Wini\|Wini]] 22:05, 3 Nov 2004 (CST)<br />嗯，其實我最近根本沒在維護這些文件。（逃）<br />嗯，既然如此，那就再寫得複雜點好了…太久沒用單純的 HTML 了，連要怎樣寫出複雜的例子來都不會了呀…（修改中）

			*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />「CSS 的重點在於把 HTML 標籤中的 HTML 語法給拿出來，而用 CSS 的 CLASS 及 ID 對區塊進行命名，並且利用定義一個個的區塊的方式，以達到修改套用同一樣式的標籤時的便利性。」這段有點怪怪的。CSS 的目標是把內容和外觀分開，而不是把 HTML 語法拿出來。嚴格來說，HTML 語法應該用來標示文件的邏輯架構 (標題、清單、段落等等)，而 CSS 則是用來標示不同的邏輯單位 (標題、清單、段落) 應該各自擁有什麼樣的外觀。或許寫成「把 HTML 文件中指定外觀的語法抽離」會比較好？

			*[[User:Wini\|Wini]] 22:45, 4 Nov 2004 (CST)<br />感謝，修正中，那麼「把 HTML 文件中指定外觀的語法抽離」這句話我就收下來使用了。<br />不過我對於專有名詞的敏感度實在是相當差呀。（跟我完全沒在看 W3C 的文件也有關係倒是啦）縮

			== 關於「區塊」 ==

			<blockquote>區塊簡單說是以成對的 HTML 標籤所圍起的一個區域，如「<nowiki><body> </body></nowiki>」或「<nowiki><p> </p></nowiki>」還有「<nowiki><div> </div></nowiki>」等的都算，你可以利用如上面那個例子所說明的，在這些標籤內加入個 ClassName 來套用 CSS 樣式，以對該區塊進行樣式的設定。</blockquote>
			個人建議「區塊」這個字或許不要這樣解釋比較好，因為成對的 HTML 標籤應該是「element」？這樣的話「block-level element」就會變成「區塊級區塊」 XD。不過你舉的例子剛好都是 block-level 的，所以我其實也不知道你指的是什麼，總之我想這個字要小心點用 ^^; CSS 中有很多名詞都超像，一不小心讀者就昏了...

			*[[User:Wini\|Wini]] 13:10, 21 Jan 2005 (CST)<br />哦哦，那等我改天看得懂英文再慢慢翻 W3C 的文件好了。（汗）總之我就先記下來先，感謝指正。

69.121.129.89: Replacing page with 'mmm 就語意上而言
'

2007-07-04T01:32:22Z

Replacing page with 'mmm 就語意上而言<br>'

← Older revision		Revision as of 01:32, 4 July 2007
Line 1:		Line 1:
	mmm 就語意上而言<br>		mmm 就語意上而言<br>
	~~<font color="red" size="100%">example_01</font><br><br>~~
	~~跟<br>~~
	~~<div>example_01</div><br>~~
	~~好像不太一樣吧~~

	~~如果是文中的例子，標籤的部份我想我會寫成這樣~~

	~~<html><br>~~
	~~<head><br>~~
	~~<meta http-equiv="content-type" content="text/html; charset=big5"><br>~~
	~~</head><br>~~
	~~<body><br>~~
	~~<span>example_01</span><br><br>~~
	~~<span>example_02</span><br><br>~~
	~~<span>example_03</span><br><br>~~
	~~<span>example_04</span><br><br>~~
	~~<span>example_05</span><br><br>~~
	~~</body><br>~~
	~~</html>~~

	~~當然 CSS 也要稍微改一下，不過我只是想說明標籤部份兩者的不同點~~



	~~20040925<br>~~
	~~wini:<br>~~
	嗯，如果說「因為結果是一樣的所以就這樣做了」的話八成會被打死吧…（汗）如果說的是「反正只是舉例而已就隨便啦」的話一定會被灌水泥沉入哪兒的港灣吧…（大汗）<br>
	其實會那樣寫只是單純的反射性最佳化動作而已，<nowiki><div></nowiki> 有 block 屬性，所以可以做比 <nowiki><span></nowiki> 還多的變化，想弄成 inline 時，寫個 display:inline; ，就又跟 <nowiki><span></nowiki> 一樣了，所以這一切都是反射動作了呀！（喝口茶中）<br>
	總之那頁是以「最推薦的寫法」為目的寫的，不過看來好像跳太快了呀…（汗）那我就小修一下好了，先寫成 font 以免有人一時意會不過來在寫什麼或許比較好也說不定。（因為想到自己是花了半年才發現到『inline和block的用法』以及『HTML標籤之內的標籤的CSS寫法』這點就實在很嘔，所以索性一開始就告訴別人這一點的人。）<br>


	~~20040925<br>~~
	~~Well, 現在改成 <nowiki><font></nowiki> 的方式也怪怪的...~~

	span 也可以設 display: block; 呀 :P 我說設 span 的原因只是因為原文的結構(同段落內的文字)本來是 inline, 所以轉換後直覺就是 span (除非顧及相容性, 否則 font 無論如何應該用不到了)

	後面的 br 重不重要呢？如果 user 只是「不想列在同一行」, 那或許你建議的方法 (div) 可行. 如果是原標籤結構轉換，那 css 裡應該沒有與"換行"同語意的特性，應保留 br. so, 我會如此建議只是本著「原文轉換」的概念。

	~~你的「HTML標籤之內的標籤的CSS寫法」意思是「將 CSS 寫在 HTML 標籤內的方法」嗎　^^;...~~


	~~20040928<br>~~
	~~wini:<br>~~
	~~抱歉這麼慢才回覆，在外頭沒法好好用電腦。~~

	「HTML標籤之內的標籤的CSS寫法」，這是指「div.ClassName div」這類的，可以指定在該 ClassName 的 div 標籤內的 div 的屬性的方法，對於處理很多東西都很方便，比如說某一區塊是用同一樣式的，而另一區塊又是另一種樣式，這時只要指定那兩個區塊的 ClassName 就好，不必再去指定含在該區塊裡面的標籤所需的 Class 或 Id 了，直接利用「HTML標籤之內的標籤的CSS寫法」就能寫得更精簡了，也就是像你看到的 [[Computer: Makeuper: CSS: Outline\|CSS簡介]] 那樣。我是一時不知道正確名稱該怎麼稱呼就那樣叫了啦。（汗）哦哦，找到了，是叫做前後文選擇器 ([http://chinese-school.netfirms.com/csst6.htm W3C]) 。看來應該是 W3C 那的中文說明意義太難懂了，所以我以前完全沒注意到有這項功能呢，看來得先重讀一次 W3C 上的文件再重新修整一下了。（想到要修改一堆錯誤的用語就頭痛呀，不過是自己造的孽也沒辦法。）

	至於你說的 span 的…其實我是搞不太懂在說啥了啦。（狂擦汗）不過大致能推論的是 font 跟 span 功能不同，而且 span 只有 display:inline; 屬性，如果要把 font 中的屬性（？）拿掉的話，確實是用 span 比較好呢，不過兩者看來好像又沒差別的樣子呀，雖然說如果沒用 br 的話就不該用 div 呀……總之我進行修正一下，謝謝你的意見囉。

	~~== 關於例子 ==~~

	*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />CSS 要發揮最大的用途，HTML 也要注意一下。與其用 div 然後再各自包 span，應該直接用單一個 p 包起來就好吧？(其實清單應該用 li 做，但是那對新手來說或許反而會造成更多混亂。)

	*[[User:Wini\|Wini]] 22:05, 3 Nov 2004 (CST)<br />嗯，其實我最近根本沒在維護這些文件。（逃）<br />嗯，既然如此，那就再寫得複雜點好了…太久沒用單純的 HTML 了，連要怎樣寫出複雜的例子來都不會了呀…（修改中）

	*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />「CSS 的重點在於把 HTML 標籤中的 HTML 語法給拿出來，而用 CSS 的 CLASS 及 ID 對區塊進行命名，並且利用定義一個個的區塊的方式，以達到修改套用同一樣式的標籤時的便利性。」這段有點怪怪的。CSS 的目標是把內容和外觀分開，而不是把 HTML 語法拿出來。嚴格來說，HTML 語法應該用來標示文件的邏輯架構 (標題、清單、段落等等)，而 CSS 則是用來標示不同的邏輯單位 (標題、清單、段落) 應該各自擁有什麼樣的外觀。或許寫成「把 HTML 文件中指定外觀的語法抽離」會比較好？

	*[[User:Wini\|Wini]] 22:45, 4 Nov 2004 (CST)<br />感謝，修正中，那麼「把 HTML 文件中指定外觀的語法抽離」這句話我就收下來使用了。<br />不過我對於專有名詞的敏感度實在是相當差呀。（跟我完全沒在看 W3C 的文件也有關係倒是啦）縮

	~~== 關於「區塊」 ==~~

	<blockquote>區塊簡單說是以成對的 HTML 標籤所圍起的一個區域，如「<nowiki><body> </body></nowiki>」或「<nowiki><p> </p></nowiki>」還有「<nowiki><div> </div></nowiki>」等的都算，你可以利用如上面那個例子所說明的，在這些標籤內加入個 ClassName 來套用 CSS 樣式，以對該區塊進行樣式的設定。</blockquote>
	個人建議「區塊」這個字或許不要這樣解釋比較好，因為成對的 HTML 標籤應該是「element」？這樣的話「block-level element」就會變成「區塊級區塊」 XD。不過你舉的例子剛好都是 block-level 的，所以我其實也不知道你指的是什麼，總之我想這個字要小心點用 ^^; CSS 中有很多名詞都超像，一不小心讀者就昏了...

	*[[User:Wini\|Wini]] 13:10, 21 Jan 2005 (CST)<br />哦哦，那等我改天看得懂英文再慢慢翻 W3C 的文件好了。（汗）總之我就先記下來先，感謝指正。

Wini: Undo revision 12507 by Special:Contributions/62.231.243.137 (User talk:62.231.243.137)

2007-07-01T01:31:19Z

Undo revision 12507 by Special:Contributions/62.231.243.137 (User talk:62.231.243.137)

← Older revision		Revision as of 01:31, 1 July 2007
Line 1:		Line 1:
	mmm 就語意上而言<br>		mmm 就語意上而言<br>
			<font color="red" size="100%">example_01</font><br><br>
			跟<br>
			<div>example_01</div><br>
			好像不太一樣吧

			如果是文中的例子，標籤的部份我想我會寫成這樣

			<html><br>
			<head><br>
			<meta http-equiv="content-type" content="text/html; charset=big5"><br>
			</head><br>
			<body><br>
			<span>example_01</span><br><br>
			<span>example_02</span><br><br>
			<span>example_03</span><br><br>
			<span>example_04</span><br><br>
			<span>example_05</span><br><br>
			</body><br>
			</html>

			當然 CSS 也要稍微改一下，不過我只是想說明標籤部份兩者的不同點



			20040925<br>
			wini:<br>
			嗯，如果說「因為結果是一樣的所以就這樣做了」的話八成會被打死吧…（汗）如果說的是「反正只是舉例而已就隨便啦」的話一定會被灌水泥沉入哪兒的港灣吧…（大汗）<br>
			其實會那樣寫只是單純的反射性最佳化動作而已，<nowiki><div></nowiki> 有 block 屬性，所以可以做比 <nowiki><span></nowiki> 還多的變化，想弄成 inline 時，寫個 display:inline; ，就又跟 <nowiki><span></nowiki> 一樣了，所以這一切都是反射動作了呀！（喝口茶中）<br>
			總之那頁是以「最推薦的寫法」為目的寫的，不過看來好像跳太快了呀…（汗）那我就小修一下好了，先寫成 font 以免有人一時意會不過來在寫什麼或許比較好也說不定。（因為想到自己是花了半年才發現到『inline和block的用法』以及『HTML標籤之內的標籤的CSS寫法』這點就實在很嘔，所以索性一開始就告訴別人這一點的人。）<br>


			20040925<br>
			Well, 現在改成 <nowiki><font></nowiki> 的方式也怪怪的...

			span 也可以設 display: block; 呀 :P 我說設 span 的原因只是因為原文的結構(同段落內的文字)本來是 inline, 所以轉換後直覺就是 span (除非顧及相容性, 否則 font 無論如何應該用不到了)

			後面的 br 重不重要呢？如果 user 只是「不想列在同一行」, 那或許你建議的方法 (div) 可行. 如果是原標籤結構轉換，那 css 裡應該沒有與"換行"同語意的特性，應保留 br. so, 我會如此建議只是本著「原文轉換」的概念。

			你的「HTML標籤之內的標籤的CSS寫法」意思是「將 CSS 寫在 HTML 標籤內的方法」嗎　^^;...


			20040928<br>
			wini:<br>
			抱歉這麼慢才回覆，在外頭沒法好好用電腦。

			「HTML標籤之內的標籤的CSS寫法」，這是指「div.ClassName div」這類的，可以指定在該 ClassName 的 div 標籤內的 div 的屬性的方法，對於處理很多東西都很方便，比如說某一區塊是用同一樣式的，而另一區塊又是另一種樣式，這時只要指定那兩個區塊的 ClassName 就好，不必再去指定含在該區塊裡面的標籤所需的 Class 或 Id 了，直接利用「HTML標籤之內的標籤的CSS寫法」就能寫得更精簡了，也就是像你看到的 [[Computer: Makeuper: CSS: Outline\|CSS簡介]] 那樣。我是一時不知道正確名稱該怎麼稱呼就那樣叫了啦。（汗）哦哦，找到了，是叫做前後文選擇器 ([http://chinese-school.netfirms.com/csst6.htm W3C]) 。看來應該是 W3C 那的中文說明意義太難懂了，所以我以前完全沒注意到有這項功能呢，看來得先重讀一次 W3C 上的文件再重新修整一下了。（想到要修改一堆錯誤的用語就頭痛呀，不過是自己造的孽也沒辦法。）

			至於你說的 span 的…其實我是搞不太懂在說啥了啦。（狂擦汗）不過大致能推論的是 font 跟 span 功能不同，而且 span 只有 display:inline; 屬性，如果要把 font 中的屬性（？）拿掉的話，確實是用 span 比較好呢，不過兩者看來好像又沒差別的樣子呀，雖然說如果沒用 br 的話就不該用 div 呀……總之我進行修正一下，謝謝你的意見囉。

			== 關於例子 ==

			*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />CSS 要發揮最大的用途，HTML 也要注意一下。與其用 div 然後再各自包 span，應該直接用單一個 p 包起來就好吧？(其實清單應該用 li 做，但是那對新手來說或許反而會造成更多混亂。)

			*[[User:Wini\|Wini]] 22:05, 3 Nov 2004 (CST)<br />嗯，其實我最近根本沒在維護這些文件。（逃）<br />嗯，既然如此，那就再寫得複雜點好了…太久沒用單純的 HTML 了，連要怎樣寫出複雜的例子來都不會了呀…（修改中）

			*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />「CSS 的重點在於把 HTML 標籤中的 HTML 語法給拿出來，而用 CSS 的 CLASS 及 ID 對區塊進行命名，並且利用定義一個個的區塊的方式，以達到修改套用同一樣式的標籤時的便利性。」這段有點怪怪的。CSS 的目標是把內容和外觀分開，而不是把 HTML 語法拿出來。嚴格來說，HTML 語法應該用來標示文件的邏輯架構 (標題、清單、段落等等)，而 CSS 則是用來標示不同的邏輯單位 (標題、清單、段落) 應該各自擁有什麼樣的外觀。或許寫成「把 HTML 文件中指定外觀的語法抽離」會比較好？

			*[[User:Wini\|Wini]] 22:45, 4 Nov 2004 (CST)<br />感謝，修正中，那麼「把 HTML 文件中指定外觀的語法抽離」這句話我就收下來使用了。<br />不過我對於專有名詞的敏感度實在是相當差呀。（跟我完全沒在看 W3C 的文件也有關係倒是啦）縮

			== 關於「區塊」 ==

			<blockquote>區塊簡單說是以成對的 HTML 標籤所圍起的一個區域，如「<nowiki><body> </body></nowiki>」或「<nowiki><p> </p></nowiki>」還有「<nowiki><div> </div></nowiki>」等的都算，你可以利用如上面那個例子所說明的，在這些標籤內加入個 ClassName 來套用 CSS 樣式，以對該區塊進行樣式的設定。</blockquote>
			個人建議「區塊」這個字或許不要這樣解釋比較好，因為成對的 HTML 標籤應該是「element」？這樣的話「block-level element」就會變成「區塊級區塊」 XD。不過你舉的例子剛好都是 block-level 的，所以我其實也不知道你指的是什麼，總之我想這個字要小心點用 ^^; CSS 中有很多名詞都超像，一不小心讀者就昏了...

			*[[User:Wini\|Wini]] 13:10, 21 Jan 2005 (CST)<br />哦哦，那等我改天看得懂英文再慢慢翻 W3C 的文件好了。（汗）總之我就先記下來先，感謝指正。

62.231.243.137: Replacing page with 'mmm 就語意上而言
'

2007-07-01T00:08:35Z

Replacing page with 'mmm 就語意上而言<br>'

← Older revision		Revision as of 00:08, 1 July 2007
Line 1:		Line 1:
	mmm 就語意上而言<br>		mmm 就語意上而言<br>
	~~<font color="red" size="100%">example_01</font><br><br>~~
	~~跟<br>~~
	~~<div>example_01</div><br>~~
	~~好像不太一樣吧~~

	~~如果是文中的例子，標籤的部份我想我會寫成這樣~~

	~~<html><br>~~
	~~<head><br>~~
	~~<meta http-equiv="content-type" content="text/html; charset=big5"><br>~~
	~~</head><br>~~
	~~<body><br>~~
	~~<span>example_01</span><br><br>~~
	~~<span>example_02</span><br><br>~~
	~~<span>example_03</span><br><br>~~
	~~<span>example_04</span><br><br>~~
	~~<span>example_05</span><br><br>~~
	~~</body><br>~~
	~~</html>~~

	~~當然 CSS 也要稍微改一下，不過我只是想說明標籤部份兩者的不同點~~



	~~20040925<br>~~
	~~wini:<br>~~
	嗯，如果說「因為結果是一樣的所以就這樣做了」的話八成會被打死吧…（汗）如果說的是「反正只是舉例而已就隨便啦」的話一定會被灌水泥沉入哪兒的港灣吧…（大汗）<br>
	其實會那樣寫只是單純的反射性最佳化動作而已，<nowiki><div></nowiki> 有 block 屬性，所以可以做比 <nowiki><span></nowiki> 還多的變化，想弄成 inline 時，寫個 display:inline; ，就又跟 <nowiki><span></nowiki> 一樣了，所以這一切都是反射動作了呀！（喝口茶中）<br>
	總之那頁是以「最推薦的寫法」為目的寫的，不過看來好像跳太快了呀…（汗）那我就小修一下好了，先寫成 font 以免有人一時意會不過來在寫什麼或許比較好也說不定。（因為想到自己是花了半年才發現到『inline和block的用法』以及『HTML標籤之內的標籤的CSS寫法』這點就實在很嘔，所以索性一開始就告訴別人這一點的人。）<br>


	~~20040925<br>~~
	~~Well, 現在改成 <nowiki><font></nowiki> 的方式也怪怪的...~~

	span 也可以設 display: block; 呀 :P 我說設 span 的原因只是因為原文的結構(同段落內的文字)本來是 inline, 所以轉換後直覺就是 span (除非顧及相容性, 否則 font 無論如何應該用不到了)

	後面的 br 重不重要呢？如果 user 只是「不想列在同一行」, 那或許你建議的方法 (div) 可行. 如果是原標籤結構轉換，那 css 裡應該沒有與"換行"同語意的特性，應保留 br. so, 我會如此建議只是本著「原文轉換」的概念。

	~~你的「HTML標籤之內的標籤的CSS寫法」意思是「將 CSS 寫在 HTML 標籤內的方法」嗎　^^;...~~


	~~20040928<br>~~
	~~wini:<br>~~
	~~抱歉這麼慢才回覆，在外頭沒法好好用電腦。~~

	「HTML標籤之內的標籤的CSS寫法」，這是指「div.ClassName div」這類的，可以指定在該 ClassName 的 div 標籤內的 div 的屬性的方法，對於處理很多東西都很方便，比如說某一區塊是用同一樣式的，而另一區塊又是另一種樣式，這時只要指定那兩個區塊的 ClassName 就好，不必再去指定含在該區塊裡面的標籤所需的 Class 或 Id 了，直接利用「HTML標籤之內的標籤的CSS寫法」就能寫得更精簡了，也就是像你看到的 [[Computer: Makeuper: CSS: Outline\|CSS簡介]] 那樣。我是一時不知道正確名稱該怎麼稱呼就那樣叫了啦。（汗）哦哦，找到了，是叫做前後文選擇器 ([http://chinese-school.netfirms.com/csst6.htm W3C]) 。看來應該是 W3C 那的中文說明意義太難懂了，所以我以前完全沒注意到有這項功能呢，看來得先重讀一次 W3C 上的文件再重新修整一下了。（想到要修改一堆錯誤的用語就頭痛呀，不過是自己造的孽也沒辦法。）

	至於你說的 span 的…其實我是搞不太懂在說啥了啦。（狂擦汗）不過大致能推論的是 font 跟 span 功能不同，而且 span 只有 display:inline; 屬性，如果要把 font 中的屬性（？）拿掉的話，確實是用 span 比較好呢，不過兩者看來好像又沒差別的樣子呀，雖然說如果沒用 br 的話就不該用 div 呀……總之我進行修正一下，謝謝你的意見囉。

	~~== 關於例子 ==~~

	*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />CSS 要發揮最大的用途，HTML 也要注意一下。與其用 div 然後再各自包 span，應該直接用單一個 p 包起來就好吧？(其實清單應該用 li 做，但是那對新手來說或許反而會造成更多混亂。)

	*[[User:Wini\|Wini]] 22:05, 3 Nov 2004 (CST)<br />嗯，其實我最近根本沒在維護這些文件。（逃）<br />嗯，既然如此，那就再寫得複雜點好了…太久沒用單純的 HTML 了，連要怎樣寫出複雜的例子來都不會了呀…（修改中）

	*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />「CSS 的重點在於把 HTML 標籤中的 HTML 語法給拿出來，而用 CSS 的 CLASS 及 ID 對區塊進行命名，並且利用定義一個個的區塊的方式，以達到修改套用同一樣式的標籤時的便利性。」這段有點怪怪的。CSS 的目標是把內容和外觀分開，而不是把 HTML 語法拿出來。嚴格來說，HTML 語法應該用來標示文件的邏輯架構 (標題、清單、段落等等)，而 CSS 則是用來標示不同的邏輯單位 (標題、清單、段落) 應該各自擁有什麼樣的外觀。或許寫成「把 HTML 文件中指定外觀的語法抽離」會比較好？

	*[[User:Wini\|Wini]] 22:45, 4 Nov 2004 (CST)<br />感謝，修正中，那麼「把 HTML 文件中指定外觀的語法抽離」這句話我就收下來使用了。<br />不過我對於專有名詞的敏感度實在是相當差呀。（跟我完全沒在看 W3C 的文件也有關係倒是啦）縮

	~~== 關於「區塊」 ==~~

	<blockquote>區塊簡單說是以成對的 HTML 標籤所圍起的一個區域，如「<nowiki><body> </body></nowiki>」或「<nowiki><p> </p></nowiki>」還有「<nowiki><div> </div></nowiki>」等的都算，你可以利用如上面那個例子所說明的，在這些標籤內加入個 ClassName 來套用 CSS 樣式，以對該區塊進行樣式的設定。</blockquote>
	個人建議「區塊」這個字或許不要這樣解釋比較好，因為成對的 HTML 標籤應該是「element」？這樣的話「block-level element」就會變成「區塊級區塊」 XD。不過你舉的例子剛好都是 block-level 的，所以我其實也不知道你指的是什麼，總之我想這個字要小心點用 ^^; CSS 中有很多名詞都超像，一不小心讀者就昏了...

	*[[User:Wini\|Wini]] 13:10, 21 Jan 2005 (CST)<br />哦哦，那等我改天看得懂英文再慢慢翻 W3C 的文件好了。（汗）總之我就先記下來先，感謝指正。

Wini: Undo revision 12467 by Special:Contributions/122.18.67.152 (User talk:122.18.67.152)

2007-06-17T13:08:49Z

Undo revision 12467 by Special:Contributions/122.18.67.152 (User talk:122.18.67.152)

← Older revision		Revision as of 13:08, 17 June 2007
Line 1:		Line 1:
	mmm 就語意上而言<br>		mmm 就語意上而言<br>
			<font color="red" size="100%">example_01</font><br><br>
			跟<br>
			<div>example_01</div><br>
			好像不太一樣吧

			如果是文中的例子，標籤的部份我想我會寫成這樣

			<html><br>
			<head><br>
			<meta http-equiv="content-type" content="text/html; charset=big5"><br>
			</head><br>
			<body><br>
			<span>example_01</span><br><br>
			<span>example_02</span><br><br>
			<span>example_03</span><br><br>
			<span>example_04</span><br><br>
			<span>example_05</span><br><br>
			</body><br>
			</html>

			當然 CSS 也要稍微改一下，不過我只是想說明標籤部份兩者的不同點



			20040925<br>
			wini:<br>
			嗯，如果說「因為結果是一樣的所以就這樣做了」的話八成會被打死吧…（汗）如果說的是「反正只是舉例而已就隨便啦」的話一定會被灌水泥沉入哪兒的港灣吧…（大汗）<br>
			其實會那樣寫只是單純的反射性最佳化動作而已，<nowiki><div></nowiki> 有 block 屬性，所以可以做比 <nowiki><span></nowiki> 還多的變化，想弄成 inline 時，寫個 display:inline; ，就又跟 <nowiki><span></nowiki> 一樣了，所以這一切都是反射動作了呀！（喝口茶中）<br>
			總之那頁是以「最推薦的寫法」為目的寫的，不過看來好像跳太快了呀…（汗）那我就小修一下好了，先寫成 font 以免有人一時意會不過來在寫什麼或許比較好也說不定。（因為想到自己是花了半年才發現到『inline和block的用法』以及『HTML標籤之內的標籤的CSS寫法』這點就實在很嘔，所以索性一開始就告訴別人這一點的人。）<br>


			20040925<br>
			Well, 現在改成 <nowiki><font></nowiki> 的方式也怪怪的...

			span 也可以設 display: block; 呀 :P 我說設 span 的原因只是因為原文的結構(同段落內的文字)本來是 inline, 所以轉換後直覺就是 span (除非顧及相容性, 否則 font 無論如何應該用不到了)

			後面的 br 重不重要呢？如果 user 只是「不想列在同一行」, 那或許你建議的方法 (div) 可行. 如果是原標籤結構轉換，那 css 裡應該沒有與"換行"同語意的特性，應保留 br. so, 我會如此建議只是本著「原文轉換」的概念。

			你的「HTML標籤之內的標籤的CSS寫法」意思是「將 CSS 寫在 HTML 標籤內的方法」嗎　^^;...


			20040928<br>
			wini:<br>
			抱歉這麼慢才回覆，在外頭沒法好好用電腦。

			「HTML標籤之內的標籤的CSS寫法」，這是指「div.ClassName div」這類的，可以指定在該 ClassName 的 div 標籤內的 div 的屬性的方法，對於處理很多東西都很方便，比如說某一區塊是用同一樣式的，而另一區塊又是另一種樣式，這時只要指定那兩個區塊的 ClassName 就好，不必再去指定含在該區塊裡面的標籤所需的 Class 或 Id 了，直接利用「HTML標籤之內的標籤的CSS寫法」就能寫得更精簡了，也就是像你看到的 [[Computer: Makeuper: CSS: Outline\|CSS簡介]] 那樣。我是一時不知道正確名稱該怎麼稱呼就那樣叫了啦。（汗）哦哦，找到了，是叫做前後文選擇器 ([http://chinese-school.netfirms.com/csst6.htm W3C]) 。看來應該是 W3C 那的中文說明意義太難懂了，所以我以前完全沒注意到有這項功能呢，看來得先重讀一次 W3C 上的文件再重新修整一下了。（想到要修改一堆錯誤的用語就頭痛呀，不過是自己造的孽也沒辦法。）

			至於你說的 span 的…其實我是搞不太懂在說啥了啦。（狂擦汗）不過大致能推論的是 font 跟 span 功能不同，而且 span 只有 display:inline; 屬性，如果要把 font 中的屬性（？）拿掉的話，確實是用 span 比較好呢，不過兩者看來好像又沒差別的樣子呀，雖然說如果沒用 br 的話就不該用 div 呀……總之我進行修正一下，謝謝你的意見囉。

			== 關於例子 ==

			*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />CSS 要發揮最大的用途，HTML 也要注意一下。與其用 div 然後再各自包 span，應該直接用單一個 p 包起來就好吧？(其實清單應該用 li 做，但是那對新手來說或許反而會造成更多混亂。)

			*[[User:Wini\|Wini]] 22:05, 3 Nov 2004 (CST)<br />嗯，其實我最近根本沒在維護這些文件。（逃）<br />嗯，既然如此，那就再寫得複雜點好了…太久沒用單純的 HTML 了，連要怎樣寫出複雜的例子來都不會了呀…（修改中）

			*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />「CSS 的重點在於把 HTML 標籤中的 HTML 語法給拿出來，而用 CSS 的 CLASS 及 ID 對區塊進行命名，並且利用定義一個個的區塊的方式，以達到修改套用同一樣式的標籤時的便利性。」這段有點怪怪的。CSS 的目標是把內容和外觀分開，而不是把 HTML 語法拿出來。嚴格來說，HTML 語法應該用來標示文件的邏輯架構 (標題、清單、段落等等)，而 CSS 則是用來標示不同的邏輯單位 (標題、清單、段落) 應該各自擁有什麼樣的外觀。或許寫成「把 HTML 文件中指定外觀的語法抽離」會比較好？

			*[[User:Wini\|Wini]] 22:45, 4 Nov 2004 (CST)<br />感謝，修正中，那麼「把 HTML 文件中指定外觀的語法抽離」這句話我就收下來使用了。<br />不過我對於專有名詞的敏感度實在是相當差呀。（跟我完全沒在看 W3C 的文件也有關係倒是啦）縮

			== 關於「區塊」 ==

			<blockquote>區塊簡單說是以成對的 HTML 標籤所圍起的一個區域，如「<nowiki><body> </body></nowiki>」或「<nowiki><p> </p></nowiki>」還有「<nowiki><div> </div></nowiki>」等的都算，你可以利用如上面那個例子所說明的，在這些標籤內加入個 ClassName 來套用 CSS 樣式，以對該區塊進行樣式的設定。</blockquote>
			個人建議「區塊」這個字或許不要這樣解釋比較好，因為成對的 HTML 標籤應該是「element」？這樣的話「block-level element」就會變成「區塊級區塊」 XD。不過你舉的例子剛好都是 block-level 的，所以我其實也不知道你指的是什麼，總之我想這個字要小心點用 ^^; CSS 中有很多名詞都超像，一不小心讀者就昏了...

			*[[User:Wini\|Wini]] 13:10, 21 Jan 2005 (CST)<br />哦哦，那等我改天看得懂英文再慢慢翻 W3C 的文件好了。（汗）總之我就先記下來先，感謝指正。

122.18.67.152: Replacing page with 'mmm 就語意上而言
'

2007-06-14T09:20:12Z

Replacing page with 'mmm 就語意上而言<br>'

← Older revision		Revision as of 09:20, 14 June 2007
Line 1:		Line 1:
	mmm 就語意上而言<br>		mmm 就語意上而言<br>
	~~<font color="red" size="100%">example_01</font><br><br>~~
	~~跟<br>~~
	~~<div>example_01</div><br>~~
	~~好像不太一樣吧~~

	~~如果是文中的例子，標籤的部份我想我會寫成這樣~~

	~~<html><br>~~
	~~<head><br>~~
	~~<meta http-equiv="content-type" content="text/html; charset=big5"><br>~~
	~~</head><br>~~
	~~<body><br>~~
	~~<span>example_01</span><br><br>~~
	~~<span>example_02</span><br><br>~~
	~~<span>example_03</span><br><br>~~
	~~<span>example_04</span><br><br>~~
	~~<span>example_05</span><br><br>~~
	~~</body><br>~~
	~~</html>~~

	~~當然 CSS 也要稍微改一下，不過我只是想說明標籤部份兩者的不同點~~



	~~20040925<br>~~
	~~wini:<br>~~
	嗯，如果說「因為結果是一樣的所以就這樣做了」的話八成會被打死吧…（汗）如果說的是「反正只是舉例而已就隨便啦」的話一定會被灌水泥沉入哪兒的港灣吧…（大汗）<br>
	其實會那樣寫只是單純的反射性最佳化動作而已，<nowiki><div></nowiki> 有 block 屬性，所以可以做比 <nowiki><span></nowiki> 還多的變化，想弄成 inline 時，寫個 display:inline; ，就又跟 <nowiki><span></nowiki> 一樣了，所以這一切都是反射動作了呀！（喝口茶中）<br>
	總之那頁是以「最推薦的寫法」為目的寫的，不過看來好像跳太快了呀…（汗）那我就小修一下好了，先寫成 font 以免有人一時意會不過來在寫什麼或許比較好也說不定。（因為想到自己是花了半年才發現到『inline和block的用法』以及『HTML標籤之內的標籤的CSS寫法』這點就實在很嘔，所以索性一開始就告訴別人這一點的人。）<br>


	~~20040925<br>~~
	~~Well, 現在改成 <nowiki><font></nowiki> 的方式也怪怪的...~~

	span 也可以設 display: block; 呀 :P 我說設 span 的原因只是因為原文的結構(同段落內的文字)本來是 inline, 所以轉換後直覺就是 span (除非顧及相容性, 否則 font 無論如何應該用不到了)

	後面的 br 重不重要呢？如果 user 只是「不想列在同一行」, 那或許你建議的方法 (div) 可行. 如果是原標籤結構轉換，那 css 裡應該沒有與"換行"同語意的特性，應保留 br. so, 我會如此建議只是本著「原文轉換」的概念。

	~~你的「HTML標籤之內的標籤的CSS寫法」意思是「將 CSS 寫在 HTML 標籤內的方法」嗎　^^;...~~


	~~20040928<br>~~
	~~wini:<br>~~
	~~抱歉這麼慢才回覆，在外頭沒法好好用電腦。~~

	「HTML標籤之內的標籤的CSS寫法」，這是指「div.ClassName div」這類的，可以指定在該 ClassName 的 div 標籤內的 div 的屬性的方法，對於處理很多東西都很方便，比如說某一區塊是用同一樣式的，而另一區塊又是另一種樣式，這時只要指定那兩個區塊的 ClassName 就好，不必再去指定含在該區塊裡面的標籤所需的 Class 或 Id 了，直接利用「HTML標籤之內的標籤的CSS寫法」就能寫得更精簡了，也就是像你看到的 [[Computer: Makeuper: CSS: Outline\|CSS簡介]] 那樣。我是一時不知道正確名稱該怎麼稱呼就那樣叫了啦。（汗）哦哦，找到了，是叫做前後文選擇器 ([http://chinese-school.netfirms.com/csst6.htm W3C]) 。看來應該是 W3C 那的中文說明意義太難懂了，所以我以前完全沒注意到有這項功能呢，看來得先重讀一次 W3C 上的文件再重新修整一下了。（想到要修改一堆錯誤的用語就頭痛呀，不過是自己造的孽也沒辦法。）

	至於你說的 span 的…其實我是搞不太懂在說啥了啦。（狂擦汗）不過大致能推論的是 font 跟 span 功能不同，而且 span 只有 display:inline; 屬性，如果要把 font 中的屬性（？）拿掉的話，確實是用 span 比較好呢，不過兩者看來好像又沒差別的樣子呀，雖然說如果沒用 br 的話就不該用 div 呀……總之我進行修正一下，謝謝你的意見囉。

	~~== 關於例子 ==~~

	*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />CSS 要發揮最大的用途，HTML 也要注意一下。與其用 div 然後再各自包 span，應該直接用單一個 p 包起來就好吧？(其實清單應該用 li 做，但是那對新手來說或許反而會造成更多混亂。)

	*[[User:Wini\|Wini]] 22:05, 3 Nov 2004 (CST)<br />嗯，其實我最近根本沒在維護這些文件。（逃）<br />嗯，既然如此，那就再寫得複雜點好了…太久沒用單純的 HTML 了，連要怎樣寫出複雜的例子來都不會了呀…（修改中）

	*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />「CSS 的重點在於把 HTML 標籤中的 HTML 語法給拿出來，而用 CSS 的 CLASS 及 ID 對區塊進行命名，並且利用定義一個個的區塊的方式，以達到修改套用同一樣式的標籤時的便利性。」這段有點怪怪的。CSS 的目標是把內容和外觀分開，而不是把 HTML 語法拿出來。嚴格來說，HTML 語法應該用來標示文件的邏輯架構 (標題、清單、段落等等)，而 CSS 則是用來標示不同的邏輯單位 (標題、清單、段落) 應該各自擁有什麼樣的外觀。或許寫成「把 HTML 文件中指定外觀的語法抽離」會比較好？

	*[[User:Wini\|Wini]] 22:45, 4 Nov 2004 (CST)<br />感謝，修正中，那麼「把 HTML 文件中指定外觀的語法抽離」這句話我就收下來使用了。<br />不過我對於專有名詞的敏感度實在是相當差呀。（跟我完全沒在看 W3C 的文件也有關係倒是啦）縮

	~~== 關於「區塊」 ==~~

	<blockquote>區塊簡單說是以成對的 HTML 標籤所圍起的一個區域，如「<nowiki><body> </body></nowiki>」或「<nowiki><p> </p></nowiki>」還有「<nowiki><div> </div></nowiki>」等的都算，你可以利用如上面那個例子所說明的，在這些標籤內加入個 ClassName 來套用 CSS 樣式，以對該區塊進行樣式的設定。</blockquote>
	個人建議「區塊」這個字或許不要這樣解釋比較好，因為成對的 HTML 標籤應該是「element」？這樣的話「block-level element」就會變成「區塊級區塊」 XD。不過你舉的例子剛好都是 block-level 的，所以我其實也不知道你指的是什麼，總之我想這個字要小心點用 ^^; CSS 中有很多名詞都超像，一不小心讀者就昏了...

	*[[User:Wini\|Wini]] 13:10, 21 Jan 2005 (CST)<br />哦哦，那等我改天看得懂英文再慢慢翻 W3C 的文件好了。（汗）總之我就先記下來先，感謝指正。

Wini: Undo revision 12459 by Special:Contributions/62.181.48.97 (User talk:62.181.48.97)

2007-06-13T17:19:16Z

Undo revision 12459 by Special:Contributions/62.181.48.97 (User talk:62.181.48.97)

← Older revision		Revision as of 17:19, 13 June 2007
Line 1:		Line 1:
	mmm 就語意上而言<br>		mmm 就語意上而言<br>
			<font color="red" size="100%">example_01</font><br><br>
			跟<br>
			<div>example_01</div><br>
			好像不太一樣吧

			如果是文中的例子，標籤的部份我想我會寫成這樣

			<html><br>
			<head><br>
			<meta http-equiv="content-type" content="text/html; charset=big5"><br>
			</head><br>
			<body><br>
			<span>example_01</span><br><br>
			<span>example_02</span><br><br>
			<span>example_03</span><br><br>
			<span>example_04</span><br><br>
			<span>example_05</span><br><br>
			</body><br>
			</html>

			當然 CSS 也要稍微改一下，不過我只是想說明標籤部份兩者的不同點



			20040925<br>
			wini:<br>
			嗯，如果說「因為結果是一樣的所以就這樣做了」的話八成會被打死吧…（汗）如果說的是「反正只是舉例而已就隨便啦」的話一定會被灌水泥沉入哪兒的港灣吧…（大汗）<br>
			其實會那樣寫只是單純的反射性最佳化動作而已，<nowiki><div></nowiki> 有 block 屬性，所以可以做比 <nowiki><span></nowiki> 還多的變化，想弄成 inline 時，寫個 display:inline; ，就又跟 <nowiki><span></nowiki> 一樣了，所以這一切都是反射動作了呀！（喝口茶中）<br>
			總之那頁是以「最推薦的寫法」為目的寫的，不過看來好像跳太快了呀…（汗）那我就小修一下好了，先寫成 font 以免有人一時意會不過來在寫什麼或許比較好也說不定。（因為想到自己是花了半年才發現到『inline和block的用法』以及『HTML標籤之內的標籤的CSS寫法』這點就實在很嘔，所以索性一開始就告訴別人這一點的人。）<br>


			20040925<br>
			Well, 現在改成 <nowiki><font></nowiki> 的方式也怪怪的...

			span 也可以設 display: block; 呀 :P 我說設 span 的原因只是因為原文的結構(同段落內的文字)本來是 inline, 所以轉換後直覺就是 span (除非顧及相容性, 否則 font 無論如何應該用不到了)

			後面的 br 重不重要呢？如果 user 只是「不想列在同一行」, 那或許你建議的方法 (div) 可行. 如果是原標籤結構轉換，那 css 裡應該沒有與"換行"同語意的特性，應保留 br. so, 我會如此建議只是本著「原文轉換」的概念。

			你的「HTML標籤之內的標籤的CSS寫法」意思是「將 CSS 寫在 HTML 標籤內的方法」嗎　^^;...


			20040928<br>
			wini:<br>
			抱歉這麼慢才回覆，在外頭沒法好好用電腦。

			「HTML標籤之內的標籤的CSS寫法」，這是指「div.ClassName div」這類的，可以指定在該 ClassName 的 div 標籤內的 div 的屬性的方法，對於處理很多東西都很方便，比如說某一區塊是用同一樣式的，而另一區塊又是另一種樣式，這時只要指定那兩個區塊的 ClassName 就好，不必再去指定含在該區塊裡面的標籤所需的 Class 或 Id 了，直接利用「HTML標籤之內的標籤的CSS寫法」就能寫得更精簡了，也就是像你看到的 [[Computer: Makeuper: CSS: Outline\|CSS簡介]] 那樣。我是一時不知道正確名稱該怎麼稱呼就那樣叫了啦。（汗）哦哦，找到了，是叫做前後文選擇器 ([http://chinese-school.netfirms.com/csst6.htm W3C]) 。看來應該是 W3C 那的中文說明意義太難懂了，所以我以前完全沒注意到有這項功能呢，看來得先重讀一次 W3C 上的文件再重新修整一下了。（想到要修改一堆錯誤的用語就頭痛呀，不過是自己造的孽也沒辦法。）

			至於你說的 span 的…其實我是搞不太懂在說啥了啦。（狂擦汗）不過大致能推論的是 font 跟 span 功能不同，而且 span 只有 display:inline; 屬性，如果要把 font 中的屬性（？）拿掉的話，確實是用 span 比較好呢，不過兩者看來好像又沒差別的樣子呀，雖然說如果沒用 br 的話就不該用 div 呀……總之我進行修正一下，謝謝你的意見囉。

			== 關於例子 ==

			*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />CSS 要發揮最大的用途，HTML 也要注意一下。與其用 div 然後再各自包 span，應該直接用單一個 p 包起來就好吧？(其實清單應該用 li 做，但是那對新手來說或許反而會造成更多混亂。)

			*[[User:Wini\|Wini]] 22:05, 3 Nov 2004 (CST)<br />嗯，其實我最近根本沒在維護這些文件。（逃）<br />嗯，既然如此，那就再寫得複雜點好了…太久沒用單純的 HTML 了，連要怎樣寫出複雜的例子來都不會了呀…（修改中）

			*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />「CSS 的重點在於把 HTML 標籤中的 HTML 語法給拿出來，而用 CSS 的 CLASS 及 ID 對區塊進行命名，並且利用定義一個個的區塊的方式，以達到修改套用同一樣式的標籤時的便利性。」這段有點怪怪的。CSS 的目標是把內容和外觀分開，而不是把 HTML 語法拿出來。嚴格來說，HTML 語法應該用來標示文件的邏輯架構 (標題、清單、段落等等)，而 CSS 則是用來標示不同的邏輯單位 (標題、清單、段落) 應該各自擁有什麼樣的外觀。或許寫成「把 HTML 文件中指定外觀的語法抽離」會比較好？

			*[[User:Wini\|Wini]] 22:45, 4 Nov 2004 (CST)<br />感謝，修正中，那麼「把 HTML 文件中指定外觀的語法抽離」這句話我就收下來使用了。<br />不過我對於專有名詞的敏感度實在是相當差呀。（跟我完全沒在看 W3C 的文件也有關係倒是啦）縮

			== 關於「區塊」 ==

			<blockquote>區塊簡單說是以成對的 HTML 標籤所圍起的一個區域，如「<nowiki><body> </body></nowiki>」或「<nowiki><p> </p></nowiki>」還有「<nowiki><div> </div></nowiki>」等的都算，你可以利用如上面那個例子所說明的，在這些標籤內加入個 ClassName 來套用 CSS 樣式，以對該區塊進行樣式的設定。</blockquote>
			個人建議「區塊」這個字或許不要這樣解釋比較好，因為成對的 HTML 標籤應該是「element」？這樣的話「block-level element」就會變成「區塊級區塊」 XD。不過你舉的例子剛好都是 block-level 的，所以我其實也不知道你指的是什麼，總之我想這個字要小心點用 ^^; CSS 中有很多名詞都超像，一不小心讀者就昏了...

			*[[User:Wini\|Wini]] 13:10, 21 Jan 2005 (CST)<br />哦哦，那等我改天看得懂英文再慢慢翻 W3C 的文件好了。（汗）總之我就先記下來先，感謝指正。

62.181.48.97: Replacing page with 'mmm 就語意上而言
'

2007-06-13T16:03:09Z

Replacing page with 'mmm 就語意上而言<br>'

← Older revision		Revision as of 16:03, 13 June 2007
Line 1:		Line 1:
	mmm 就語意上而言<br>		mmm 就語意上而言<br>
	~~<font color="red" size="100%">example_01</font><br><br>~~
	~~跟<br>~~
	~~<div>example_01</div><br>~~
	~~好像不太一樣吧~~

	~~如果是文中的例子，標籤的部份我想我會寫成這樣~~

	~~<html><br>~~
	~~<head><br>~~
	~~<meta http-equiv="content-type" content="text/html; charset=big5"><br>~~
	~~</head><br>~~
	~~<body><br>~~
	~~<span>example_01</span><br><br>~~
	~~<span>example_02</span><br><br>~~
	~~<span>example_03</span><br><br>~~
	~~<span>example_04</span><br><br>~~
	~~<span>example_05</span><br><br>~~
	~~</body><br>~~
	~~</html>~~

	~~當然 CSS 也要稍微改一下，不過我只是想說明標籤部份兩者的不同點~~



	~~20040925<br>~~
	~~wini:<br>~~
	嗯，如果說「因為結果是一樣的所以就這樣做了」的話八成會被打死吧…（汗）如果說的是「反正只是舉例而已就隨便啦」的話一定會被灌水泥沉入哪兒的港灣吧…（大汗）<br>
	其實會那樣寫只是單純的反射性最佳化動作而已，<nowiki><div></nowiki> 有 block 屬性，所以可以做比 <nowiki><span></nowiki> 還多的變化，想弄成 inline 時，寫個 display:inline; ，就又跟 <nowiki><span></nowiki> 一樣了，所以這一切都是反射動作了呀！（喝口茶中）<br>
	總之那頁是以「最推薦的寫法」為目的寫的，不過看來好像跳太快了呀…（汗）那我就小修一下好了，先寫成 font 以免有人一時意會不過來在寫什麼或許比較好也說不定。（因為想到自己是花了半年才發現到『inline和block的用法』以及『HTML標籤之內的標籤的CSS寫法』這點就實在很嘔，所以索性一開始就告訴別人這一點的人。）<br>


	~~20040925<br>~~
	~~Well, 現在改成 <nowiki><font></nowiki> 的方式也怪怪的...~~

	span 也可以設 display: block; 呀 :P 我說設 span 的原因只是因為原文的結構(同段落內的文字)本來是 inline, 所以轉換後直覺就是 span (除非顧及相容性, 否則 font 無論如何應該用不到了)

	後面的 br 重不重要呢？如果 user 只是「不想列在同一行」, 那或許你建議的方法 (div) 可行. 如果是原標籤結構轉換，那 css 裡應該沒有與"換行"同語意的特性，應保留 br. so, 我會如此建議只是本著「原文轉換」的概念。

	~~你的「HTML標籤之內的標籤的CSS寫法」意思是「將 CSS 寫在 HTML 標籤內的方法」嗎　^^;...~~


	~~20040928<br>~~
	~~wini:<br>~~
	~~抱歉這麼慢才回覆，在外頭沒法好好用電腦。~~

	「HTML標籤之內的標籤的CSS寫法」，這是指「div.ClassName div」這類的，可以指定在該 ClassName 的 div 標籤內的 div 的屬性的方法，對於處理很多東西都很方便，比如說某一區塊是用同一樣式的，而另一區塊又是另一種樣式，這時只要指定那兩個區塊的 ClassName 就好，不必再去指定含在該區塊裡面的標籤所需的 Class 或 Id 了，直接利用「HTML標籤之內的標籤的CSS寫法」就能寫得更精簡了，也就是像你看到的 [[Computer: Makeuper: CSS: Outline\|CSS簡介]] 那樣。我是一時不知道正確名稱該怎麼稱呼就那樣叫了啦。（汗）哦哦，找到了，是叫做前後文選擇器 ([http://chinese-school.netfirms.com/csst6.htm W3C]) 。看來應該是 W3C 那的中文說明意義太難懂了，所以我以前完全沒注意到有這項功能呢，看來得先重讀一次 W3C 上的文件再重新修整一下了。（想到要修改一堆錯誤的用語就頭痛呀，不過是自己造的孽也沒辦法。）

	至於你說的 span 的…其實我是搞不太懂在說啥了啦。（狂擦汗）不過大致能推論的是 font 跟 span 功能不同，而且 span 只有 display:inline; 屬性，如果要把 font 中的屬性（？）拿掉的話，確實是用 span 比較好呢，不過兩者看來好像又沒差別的樣子呀，雖然說如果沒用 br 的話就不該用 div 呀……總之我進行修正一下，謝謝你的意見囉。

	~~== 關於例子 ==~~

	*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />CSS 要發揮最大的用途，HTML 也要注意一下。與其用 div 然後再各自包 span，應該直接用單一個 p 包起來就好吧？(其實清單應該用 li 做，但是那對新手來說或許反而會造成更多混亂。)

	*[[User:Wini\|Wini]] 22:05, 3 Nov 2004 (CST)<br />嗯，其實我最近根本沒在維護這些文件。（逃）<br />嗯，既然如此，那就再寫得複雜點好了…太久沒用單純的 HTML 了，連要怎樣寫出複雜的例子來都不會了呀…（修改中）

	*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />「CSS 的重點在於把 HTML 標籤中的 HTML 語法給拿出來，而用 CSS 的 CLASS 及 ID 對區塊進行命名，並且利用定義一個個的區塊的方式，以達到修改套用同一樣式的標籤時的便利性。」這段有點怪怪的。CSS 的目標是把內容和外觀分開，而不是把 HTML 語法拿出來。嚴格來說，HTML 語法應該用來標示文件的邏輯架構 (標題、清單、段落等等)，而 CSS 則是用來標示不同的邏輯單位 (標題、清單、段落) 應該各自擁有什麼樣的外觀。或許寫成「把 HTML 文件中指定外觀的語法抽離」會比較好？

	*[[User:Wini\|Wini]] 22:45, 4 Nov 2004 (CST)<br />感謝，修正中，那麼「把 HTML 文件中指定外觀的語法抽離」這句話我就收下來使用了。<br />不過我對於專有名詞的敏感度實在是相當差呀。（跟我完全沒在看 W3C 的文件也有關係倒是啦）縮

	~~== 關於「區塊」 ==~~

	<blockquote>區塊簡單說是以成對的 HTML 標籤所圍起的一個區域，如「<nowiki><body> </body></nowiki>」或「<nowiki><p> </p></nowiki>」還有「<nowiki><div> </div></nowiki>」等的都算，你可以利用如上面那個例子所說明的，在這些標籤內加入個 ClassName 來套用 CSS 樣式，以對該區塊進行樣式的設定。</blockquote>
	個人建議「區塊」這個字或許不要這樣解釋比較好，因為成對的 HTML 標籤應該是「element」？這樣的話「block-level element」就會變成「區塊級區塊」 XD。不過你舉的例子剛好都是 block-level 的，所以我其實也不知道你指的是什麼，總之我想這個字要小心點用 ^^; CSS 中有很多名詞都超像，一不小心讀者就昏了...

	*[[User:Wini\|Wini]] 13:10, 21 Jan 2005 (CST)<br />哦哦，那等我改天看得懂英文再慢慢翻 W3C 的文件好了。（汗）總之我就先記下來先，感謝指正。

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

2007-04-12T05:08:46Z

Reverted edits by 222.191.251.51 (Talk); changed back to last version by 61.216.25.168

← Older revision		Revision as of 05:08, 12 April 2007
Line 1:		Line 1:
	mmm 就語意上而言<br>		mmm 就語意上而言<br>
			<font color="red" size="100%">example_01</font><br><br>
			跟<br>
			<div>example_01</div><br>
			好像不太一樣吧

			如果是文中的例子，標籤的部份我想我會寫成這樣

			<html><br>
			<head><br>
			<meta http-equiv="content-type" content="text/html; charset=big5"><br>
			</head><br>
			<body><br>
			<span>example_01</span><br><br>
			<span>example_02</span><br><br>
			<span>example_03</span><br><br>
			<span>example_04</span><br><br>
			<span>example_05</span><br><br>
			</body><br>
			</html>

			當然 CSS 也要稍微改一下，不過我只是想說明標籤部份兩者的不同點



			20040925<br>
			wini:<br>
			嗯，如果說「因為結果是一樣的所以就這樣做了」的話八成會被打死吧…（汗）如果說的是「反正只是舉例而已就隨便啦」的話一定會被灌水泥沉入哪兒的港灣吧…（大汗）<br>
			其實會那樣寫只是單純的反射性最佳化動作而已，<nowiki><div></nowiki> 有 block 屬性，所以可以做比 <nowiki><span></nowiki> 還多的變化，想弄成 inline 時，寫個 display:inline; ，就又跟 <nowiki><span></nowiki> 一樣了，所以這一切都是反射動作了呀！（喝口茶中）<br>
			總之那頁是以「最推薦的寫法」為目的寫的，不過看來好像跳太快了呀…（汗）那我就小修一下好了，先寫成 font 以免有人一時意會不過來在寫什麼或許比較好也說不定。（因為想到自己是花了半年才發現到『inline和block的用法』以及『HTML標籤之內的標籤的CSS寫法』這點就實在很嘔，所以索性一開始就告訴別人這一點的人。）<br>


			20040925<br>
			Well, 現在改成 <nowiki><font></nowiki> 的方式也怪怪的...

			span 也可以設 display: block; 呀 :P 我說設 span 的原因只是因為原文的結構(同段落內的文字)本來是 inline, 所以轉換後直覺就是 span (除非顧及相容性, 否則 font 無論如何應該用不到了)

			後面的 br 重不重要呢？如果 user 只是「不想列在同一行」, 那或許你建議的方法 (div) 可行. 如果是原標籤結構轉換，那 css 裡應該沒有與"換行"同語意的特性，應保留 br. so, 我會如此建議只是本著「原文轉換」的概念。

			你的「HTML標籤之內的標籤的CSS寫法」意思是「將 CSS 寫在 HTML 標籤內的方法」嗎　^^;...


			20040928<br>
			wini:<br>
			抱歉這麼慢才回覆，在外頭沒法好好用電腦。

			「HTML標籤之內的標籤的CSS寫法」，這是指「div.ClassName div」這類的，可以指定在該 ClassName 的 div 標籤內的 div 的屬性的方法，對於處理很多東西都很方便，比如說某一區塊是用同一樣式的，而另一區塊又是另一種樣式，這時只要指定那兩個區塊的 ClassName 就好，不必再去指定含在該區塊裡面的標籤所需的 Class 或 Id 了，直接利用「HTML標籤之內的標籤的CSS寫法」就能寫得更精簡了，也就是像你看到的 [[Computer: Makeuper: CSS: Outline\|CSS簡介]] 那樣。我是一時不知道正確名稱該怎麼稱呼就那樣叫了啦。（汗）哦哦，找到了，是叫做前後文選擇器 ([http://chinese-school.netfirms.com/csst6.htm W3C]) 。看來應該是 W3C 那的中文說明意義太難懂了，所以我以前完全沒注意到有這項功能呢，看來得先重讀一次 W3C 上的文件再重新修整一下了。（想到要修改一堆錯誤的用語就頭痛呀，不過是自己造的孽也沒辦法。）

			至於你說的 span 的…其實我是搞不太懂在說啥了啦。（狂擦汗）不過大致能推論的是 font 跟 span 功能不同，而且 span 只有 display:inline; 屬性，如果要把 font 中的屬性（？）拿掉的話，確實是用 span 比較好呢，不過兩者看來好像又沒差別的樣子呀，雖然說如果沒用 br 的話就不該用 div 呀……總之我進行修正一下，謝謝你的意見囉。

			== 關於例子 ==

			*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />CSS 要發揮最大的用途，HTML 也要注意一下。與其用 div 然後再各自包 span，應該直接用單一個 p 包起來就好吧？(其實清單應該用 li 做，但是那對新手來說或許反而會造成更多混亂。)

			*[[User:Wini\|Wini]] 22:05, 3 Nov 2004 (CST)<br />嗯，其實我最近根本沒在維護這些文件。（逃）<br />嗯，既然如此，那就再寫得複雜點好了…太久沒用單純的 HTML 了，連要怎樣寫出複雜的例子來都不會了呀…（修改中）

			*[[User:Ahtwang\|Ahtwang]] 12:02, 4 Nov 2004 (CST)<br />「CSS 的重點在於把 HTML 標籤中的 HTML 語法給拿出來，而用 CSS 的 CLASS 及 ID 對區塊進行命名，並且利用定義一個個的區塊的方式，以達到修改套用同一樣式的標籤時的便利性。」這段有點怪怪的。CSS 的目標是把內容和外觀分開，而不是把 HTML 語法拿出來。嚴格來說，HTML 語法應該用來標示文件的邏輯架構 (標題、清單、段落等等)，而 CSS 則是用來標示不同的邏輯單位 (標題、清單、段落) 應該各自擁有什麼樣的外觀。或許寫成「把 HTML 文件中指定外觀的語法抽離」會比較好？

			*[[User:Wini\|Wini]] 22:45, 4 Nov 2004 (CST)<br />感謝，修正中，那麼「把 HTML 文件中指定外觀的語法抽離」這句話我就收下來使用了。<br />不過我對於專有名詞的敏感度實在是相當差呀。（跟我完全沒在看 W3C 的文件也有關係倒是啦）縮

			== 關於「區塊」 ==

			<blockquote>區塊簡單說是以成對的 HTML 標籤所圍起的一個區域，如「<nowiki><body> </body></nowiki>」或「<nowiki><p> </p></nowiki>」還有「<nowiki><div> </div></nowiki>」等的都算，你可以利用如上面那個例子所說明的，在這些標籤內加入個 ClassName 來套用 CSS 樣式，以對該區塊進行樣式的設定。</blockquote>
			個人建議「區塊」這個字或許不要這樣解釋比較好，因為成對的 HTML 標籤應該是「element」？這樣的話「block-level element」就會變成「區塊級區塊」 XD。不過你舉的例子剛好都是 block-level 的，所以我其實也不知道你指的是什麼，總之我想這個字要小心點用 ^^; CSS 中有很多名詞都超像，一不小心讀者就昏了...

			*[[User:Wini\|Wini]] 13:10, 21 Jan 2005 (CST)<br />哦哦，那等我改天看得懂英文再慢慢翻 W3C 的文件好了。（汗）總之我就先記下來先，感謝指正。

Talk:Computer: Makeuper: CSS: Outline - Revision history

Wini: Protected "Talk:Computer: Makeuper: CSS: Outline" [edit=autoconfirmed:move=autoconfirmed]

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

69.121.129.89: Replacing page with 'mmm 就語意上而言'

Wini: Undo revision 12507 by Special:Contributions/62.231.243.137 (User talk:62.231.243.137)

62.231.243.137: Replacing page with 'mmm 就語意上而言'

Wini: Undo revision 12467 by Special:Contributions/122.18.67.152 (User talk:122.18.67.152)

122.18.67.152: Replacing page with 'mmm 就語意上而言'

Wini: Undo revision 12459 by Special:Contributions/62.181.48.97 (User talk:62.181.48.97)

62.181.48.97: Replacing page with 'mmm 就語意上而言'

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

69.121.129.89: Replacing page with 'mmm 就語意上而言
'

62.231.243.137: Replacing page with 'mmm 就語意上而言
'

122.18.67.152: Replacing page with 'mmm 就語意上而言
'

62.181.48.97: Replacing page with 'mmm 就語意上而言
'