Computer: Makeuper: CSS: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (8 intermediate revisions by 3 users not shown) | |||
| Line 5: | Line 5: | ||
---- | ---- | ||
注意：html跟css都不應該在備註的文字中再加入備註的文字，例：<br> | |||
<nowiki> <!-- HTML備註 <!-- HTML再備註 --> --> </nowiki><br> | |||
<nowiki> /* CSS備註 /* CSS再備註 */ */ </nowiki><br> | |||
*[[Computer: Makeuper: CSS: Outline| | 單位： <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的教學區 | |||
**[[Computer: Makeuper: CSS: Outline|第零章：css能做什麼]] | |||
**[[Computer: Makeuper: CSS: Step01|第一章：套用css到文件中]] | |||
**[[Computer: Makeuper: CSS: Step02|第二章：元素及其的行內和區塊屬性]] | |||
**[[Computer: Makeuper: CSS: Step03|第三章：文字樣式]] | |||
**[[Computer: Makeuper: CSS: Step04|第四章：段落樣式]] | |||
**[[Computer: Makeuper: CSS: Step05|第五章：通用規則]] | |||
**[[Computer: Makeuper: CSS: Step06|第六章：一些特殊樣式的活用]] | |||
**[[Computer: Makeuper: CSS: Step07|第七章：各瀏覽器對css的支援度]] | |||
**[[Computer: Makeuper: CSS: Step08|第八章：可參考網頁]] | |||
**附錄章：利用CSS進行各類挑戰！ | |||
***[[Computer: Makeuper: CSS: Ex01|簡易文件編輯區塊的作法]] | |||
***[[Computer: Makeuper: CSS: Ex02|讓瀏覽器選擇不同的樣式表的作法]] | |||
***[[Computer: Makeuper: CSS: Ex03|製作各類表格]] | |||
***[[Computer: Makeuper: CSS: Ex04|製作正體中文的注音標示及日文的ふりがな標示]] | |||
*教學站 | *教學站 | ||
**[http://www.w3.org/ W3C]<br> | **[http://www.w3.org/ W3C]<br> | ||
| Line 14: | 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 | ||
** | **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:// | ** 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
- 本wiki的教學區
- 教學站
- 實際展現的站
- css Zen Garden: 展現「將內容與樣式分離」所能展現出的彈性，這個站中各種設計都採用同樣的 HTML 內容，僅搭配不同的 CSS 就可展現出多樣面貌。
- meyerweb.com: CSS 大全、Eric Meyer on CSS 等書作者 Eric Meyer 的個人網站。他高傲，但是他宅心仁厚；他謙虛，但他受萬人景仰。他可以把 W3C 提供給人類的 CSS 運用得出神入化，寫出符合實務需求的的超級樣式。他究竟是神仙的化身，還是地獄來的使者？沒人知道，但是可以肯定，很多人都給他一個稱號： CSS 之神！（不過，CSS 之神跟訪客討論的東西很多不是初學者需要瞭解的層級 =.=）
- TEMP
- 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/