Computer: Makeuper: CSS: Difference between revisions

From TestingMediawiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(6 intermediate revisions by 2 users not shown)
Line 5: Line 5:
----
----


注意: id 跟 class 的命名絕對不要用數字開頭,那樣是無法作用的。<br>
注意: class 可以做到 Tag01.ClassName01 、 Tag02.ClassName01 這種單一 ClassName 對應多重 Tag(標籤)的功能,但是 ID 是沒辦法的。(好像)<br>
注意:html跟css都不應該在備註的文字中再加入備註的文字,例:<br>
注意:html跟css都不應該在備註的文字中再加入備註的文字,例:<br>
<nowiki> <!-- HTML備註 <!-- HTML再備註 --> --> </nowiki><br>
<nowiki> <!-- HTML備註 <!-- HTML再備註 --> --> </nowiki><br>
<nowiki> /* CSS備註 /* CSS再備註 */ */ </nowiki><br>
<nowiki> /* CSS備註 /* CSS再備註 */ */ </nowiki><br>
單位: <br />
position 定位用 em , <br />
字形大小用 small, large, xx-small 類的比較好。 <br />
http://www.webmasterworld.com/forum83/5272.htm <br />
px pt % em <br />
xx-small x-small small large x-large xx-large <br />


*本wiki的教學區
*本wiki的教學區
**[[Computer: Makeuper: CSS: Outline|第零章:css能做什麼]]
**[[Computer: Makeuper: CSS: Outline|第零章:css能做什麼]]
**[[Computer: Makeuper: CSS: Step01|第一章:套用css到文件中]]
**[[Computer: Makeuper: CSS: Step01|第一章:套用css到文件中]]
**[[Computer: Makeuper: CSS: Step02|第二章:區塊]]
**[[Computer: Makeuper: CSS: Step02|第二章:元素及其的行內和區塊屬性]]
**[[Computer: Makeuper: CSS: Step03|第三章:文字樣式]]
**[[Computer: Makeuper: CSS: Step03|第三章:文字樣式]]
**[[Computer: Makeuper: CSS: Step04|第四章:段落樣式]]
**[[Computer: Makeuper: CSS: Step04|第四章:段落樣式]]
Line 32: Line 37:
**[http://jigsaw.w3.org/css-validator/ CSS Validator]<br>
**[http://jigsaw.w3.org/css-validator/ CSS Validator]<br>
*實際展現的站
*實際展現的站
**[http://www.csszengarden.com/ css Zen Garden]
**[http://www.csszengarden.com/ css Zen Garden]: 展現「將內容與樣式分離」所能展現出的彈性,這個站中各種設計都採用同樣的 HTML 內容,僅搭配不同的 CSS 就可展現出多樣面貌。
**[http://www.meyerweb.com/ meyerweb.com] (老實說我不知道這是啥)
**[http://www.meyerweb.com/ meyerweb.com]: CSS 大全、Eric Meyer on CSS 等書作者 Eric Meyer 的個人網站。他高傲,但是他宅心仁厚;他謙虛,但他受萬人景仰。他可以把 W3C 提供給人類的 CSS 運用得出神入化,寫出符合實務需求的的超級樣式。他究竟是神仙的化身,還是地獄來的使者?沒人知道,但是可以肯定,很多人都給他一個稱號: CSS 之神!(不過,CSS 之神跟訪客討論的東西很多不是初學者需要瞭解的層級 =.=)
*TEMP
*TEMP
**http://forum.moztw.org/viewtopic.php?p=11690
**http://forum.moztw.org/viewtopic.php?p=11690
** 置中: vertical-align:middle; text-align:center;
** http://www.w3cn.org/index.html
** http://www.wpdfd.com/wpdres.htm
** http://www.simplebits.com/


----
----

Latest revision as of 15:33, 25 March 2005


回到 Computer ‧ 回到 Computer: Makeuper


注意:html跟css都不應該在備註的文字中再加入備註的文字,例:
<!-- HTML備註 <!-- HTML再備註 --> -->
/* CSS備註 /* CSS再備註 */ */

單位:
position 定位用 em ,
字形大小用 small, large, xx-small 類的比較好。
http://www.webmasterworld.com/forum83/5272.htm
px pt % em
xx-small x-small small large x-large xx-large