2010年4月13日 星期二
2010年4月8日 星期四
css border
border-collapse
表格間無間隙
border-style
border-style 屬性指定邊框的樣式。以下的表格列出這個屬性可能有的值，以及每一個值顯現出來的結果。| CSS 樣式 | 顯現結果 |
| p {border-style:solid;} | 實線 |
| p {border-style:dashed;} | 虛線 |
| p {border-style:double;} | 雙線 |
| p {border-style:dotted;} | 點線 |
| p {border-style:groove;} | 凹線 |
| p {border-style:ridge;} | 凸線 |
| p {border-style:inset;} | 嵌入線 |
| p {border-style:outset;} | 浮出線 |
不花錢學日文：18個免費學日文的網站
1. 啟蒙力-從五十音開始學習
線上日本語教室：U-biq http://u-biq.org/
優勢功能：1.) 三星期學會五十音 2.) 上網自修初級文法
2. 啟蒙力-用聽的學「生活對話」
NHK環球廣播網：NHK World http://www.nhk.or.jp/lesson/chinese/index.html
優勢功能：1.) 用聽的，每天記ㄧ句話 2.) 學慣用語，講的更道地
3. 啟蒙力-現學現賣「旅遊會話」
日語自遊行 (初階) http://www.rthk.org.hk/elearning/gogojapan/
(中階) http://www.rthk.org.hk/elearning/gogojapan2/
(進階) http://www.rthk.org.hk/elearning/gogojapan3/
優勢功能：1.)為各種旅遊狀況做準備 2.) 行前速看日本傳統文化
4. 聽說力-上線聽歌，唱流行日文
日文歌網站：うたまっぷ http://www.utamap.com/
優勢功能：1.) 讓喜歡的歌手陪你練唱 2.) 登錄會員，享受聽更多
5. 聽說力-耳聽口說，練商用日文
商用日本語：ちまたの日本語 http://www.ajalt.org/rwj/
優勢功能：1.) 輕鬆學會上班族日文 2.) 善用留言板一起討論
6. 聽說力-看報導，聽懂新聞日文
NHK環球廣播網 http://www.nhk.or.jp/
優勢功能：1.) 配合新聞逐字稿練聽力 2.) 不同速度，鍛鍊敏銳度
7. 閱讀力-從童話養成閱讀習慣
福娘童話集 http://www.hukumusume.com/douwa/
優勢功能：1.) 練習每日睡前故事 2.) 穿梭童話故事各場景
8. 閱讀力-跟日本學生一起讀報
報紙知識網站：よみうり博士のアイデアノート http://www.yomiuri.co.jp/nie/note/
優勢功能：1.) 疑難單字一點靈 2.) 弄懂報紙文章結構
9. 閱讀力-工具篇：省力閱讀幫手
線上字典：理解りかい http://www.rikai.com/perl/HomePage.pl?Language=Ja
優勢功能：1.) 利用Rikai讀古典名著 2.) 每日課程，加強漢字
10. 寫作力-用日文寫日記
日記網站：Lang-8 http://lang-8.com/
優勢功能：1.) 輕鬆寫日記、學日文 2.) 修改文章、友誼無國界
11. 寫作力-用日文寫書信
書信網站：TEGLET 直子の代筆 http://www.teglet.co.jp/naoko/
優勢功能：1.) 免費下載文書幫手 2.) 商業書信自動生成
12. 寫作力-邁向時事寫作
大學入學考古題：第一小論ネット http://www.daiichi-g.co.jp/ron-net/
優勢功能：1.) 重點關鍵隨手抓 2.) 考古範例大解析
13. 應試力-輕鬆搞定文字．語彙
單字集：単語帳ドットコム http://www.tango-cho.com/
優勢功能：1.) 整理記不住的單字 2.) 進行密集的線上測驗
14. 應試力-輕鬆搞定讀解．文法
線上閱讀：ちゅ Reading Tutor http://language.tiu.ac.jp/
優勢功能：1.) 鍛鍊閱讀速度 2.) 開拓閱讀廣度
15. 應試力-輕鬆搞定聽解
聽力考古題庫-日本語能力試驗 http://jlpt.biz/
優勢功能：1.) 為自己辦模擬考
16. 興趣力-一邊下廚一邊學日文
烹飪網站：毎日の節約・簡単な料理レシピ http://www.s-recipe.com/
優勢功能：1.) 料理研究家敎你做好菜 2.) 健康美味一整週
17. 興趣力-日系美妝採買最強指南
藥妝網站：COSME http://www.cosme.net/
優勢功能：1.) 發覺年度人氣化妝品 2.) 搜尋最適合自己的產品
18. 興趣力-帶你遊200年前的東京
江戶時代-ビバ！江戸 http://www.viva-edo.com/
優勢功能：1.) 遊遍江戶今與昔 2.) 遊覽聲色江戶
線上日本語教室：U-biq http://u-biq.org/
優勢功能：1.) 三星期學會五十音 2.) 上網自修初級文法
2. 啟蒙力-用聽的學「生活對話」
NHK環球廣播網：NHK World http://www.nhk.or.jp/lesson/chinese/index.html
優勢功能：1.) 用聽的，每天記ㄧ句話 2.) 學慣用語，講的更道地
3. 啟蒙力-現學現賣「旅遊會話」
日語自遊行 (初階) http://www.rthk.org.hk/elearning/gogojapan/
(中階) http://www.rthk.org.hk/elearning/gogojapan2/
(進階) http://www.rthk.org.hk/elearning/gogojapan3/
優勢功能：1.)為各種旅遊狀況做準備 2.) 行前速看日本傳統文化
4. 聽說力-上線聽歌，唱流行日文
日文歌網站：うたまっぷ http://www.utamap.com/
優勢功能：1.) 讓喜歡的歌手陪你練唱 2.) 登錄會員，享受聽更多
5. 聽說力-耳聽口說，練商用日文
商用日本語：ちまたの日本語 http://www.ajalt.org/rwj/
優勢功能：1.) 輕鬆學會上班族日文 2.) 善用留言板一起討論
6. 聽說力-看報導，聽懂新聞日文
NHK環球廣播網 http://www.nhk.or.jp/
優勢功能：1.) 配合新聞逐字稿練聽力 2.) 不同速度，鍛鍊敏銳度
7. 閱讀力-從童話養成閱讀習慣
福娘童話集 http://www.hukumusume.com/douwa/
優勢功能：1.) 練習每日睡前故事 2.) 穿梭童話故事各場景
8. 閱讀力-跟日本學生一起讀報
報紙知識網站：よみうり博士のアイデアノート http://www.yomiuri.co.jp/nie/note/
優勢功能：1.) 疑難單字一點靈 2.) 弄懂報紙文章結構
9. 閱讀力-工具篇：省力閱讀幫手
線上字典：理解りかい http://www.rikai.com/perl/HomePage.pl?Language=Ja
優勢功能：1.) 利用Rikai讀古典名著 2.) 每日課程，加強漢字
10. 寫作力-用日文寫日記
日記網站：Lang-8 http://lang-8.com/
優勢功能：1.) 輕鬆寫日記、學日文 2.) 修改文章、友誼無國界
11. 寫作力-用日文寫書信
書信網站：TEGLET 直子の代筆 http://www.teglet.co.jp/naoko/
優勢功能：1.) 免費下載文書幫手 2.) 商業書信自動生成
12. 寫作力-邁向時事寫作
大學入學考古題：第一小論ネット http://www.daiichi-g.co.jp/ron-net/
優勢功能：1.) 重點關鍵隨手抓 2.) 考古範例大解析
13. 應試力-輕鬆搞定文字．語彙
單字集：単語帳ドットコム http://www.tango-cho.com/
優勢功能：1.) 整理記不住的單字 2.) 進行密集的線上測驗
14. 應試力-輕鬆搞定讀解．文法
線上閱讀：ちゅ Reading Tutor http://language.tiu.ac.jp/
優勢功能：1.) 鍛鍊閱讀速度 2.) 開拓閱讀廣度
15. 應試力-輕鬆搞定聽解
聽力考古題庫-日本語能力試驗 http://jlpt.biz/
優勢功能：1.) 為自己辦模擬考
16. 興趣力-一邊下廚一邊學日文
烹飪網站：毎日の節約・簡単な料理レシピ http://www.s-recipe.com/
優勢功能：1.) 料理研究家敎你做好菜 2.) 健康美味一整週
17. 興趣力-日系美妝採買最強指南
藥妝網站：COSME http://www.cosme.net/
優勢功能：1.) 發覺年度人氣化妝品 2.) 搜尋最適合自己的產品
18. 興趣力-帶你遊200年前的東京
江戶時代-ビバ！江戸 http://www.viva-edo.com/
優勢功能：1.) 遊遍江戶今與昔 2.) 遊覽聲色江戶
不花錢學英文：30個免費學英文的網站
激發啟蒙力 (親子共學)
1. 做美勞，親近ABC。http://www.kizclub.com/
2. 翻繪本，看書好有趣。http://www.starfall.com/
3. 聽故事，單字好好記。http://www.britishcouncil.org/kids.htm
4. 打電動，練生活用語。http://funschool.kaboose.com/
5. 看新聞，提升閱讀力。http://www.timeforkids.com/TFK/teachers
捷進聽說力
1. 變發音，練基礎功。http://www.manythings.org/pp/
2. 看影片，練商業英文。http://australianetwork.com/learningenglish/default.htm
3. 聽新聞，記更多單字。http://australianetworknews.com/
4. 多國口音，五大洲都聽懂。http://www.elllo.org/
5. 正統教材，聽說一起練。http://www.esl-lab.com/
提升閱讀力
1. 看圖釋義。http://english-zone.com/index.php
2. 反覆記憶。http://www.cdlponline.org/index.cfm?fuseaction=homepage
3. 大量閱讀。http://www.englishclub.com/index.htm
4. 讀出重點。http://literacyworks.org/lw/home.html?flash
5. 閱讀策略。http://depts.gallaudet.edu/englishworks/
百變寫作力
1. 找工作，寫履歷。http://www.resumetemplates.org/
2. 作生意，書信往來。http://www.4hb.com/index.html
3. 學校申請，文件不求人。http://www.about.com/
4. 拼報告，寫論文。http://writing.wisc.edu/Handbook/
5. 開部落格，練英文。http://www.dailyblogtips.com/
增強應試力
1. 全民英檢學習網站。http://www.gept.org.tw/
2. 多益英語檢定學習網站。http://www.etweb.fju.edu.tw/yueh/toeic/index.htm
3. 托福測驗。http://www.testmagic.com/toefl/
4. 太傻網GRE頻道。http://www.taisha.org/test/gre/
5. ESOL So Easy。http://www.flo-joe.co.uk/
活用興趣力
1. America's Story from America's Library。http://www.americancorner.org.tw/americaslibrary/default.htm
2. The Complete Works of William Shakespeare。http://shakespeare.mit.edu/
3. History Video Guide。http://www.history.com/video.do?action=home
4. 英文文學資料庫。http://www.eng.fju.edu.tw/English_Literature/el-main.htm
5. 時尚平台，For 時尚達人。http://www.style.com/
1. 做美勞，親近ABC。http://www.kizclub.com/
2. 翻繪本，看書好有趣。http://www.starfall.com/
3. 聽故事，單字好好記。http://www.britishcouncil.org/kids.htm
4. 打電動，練生活用語。http://funschool.kaboose.com/
5. 看新聞，提升閱讀力。http://www.timeforkids.com/TFK/teachers
捷進聽說力
1. 變發音，練基礎功。http://www.manythings.org/pp/
2. 看影片，練商業英文。http://australianetwork.com/learningenglish/default.htm
3. 聽新聞，記更多單字。http://australianetworknews.com/
4. 多國口音，五大洲都聽懂。http://www.elllo.org/
5. 正統教材，聽說一起練。http://www.esl-lab.com/
提升閱讀力
1. 看圖釋義。http://english-zone.com/index.php
2. 反覆記憶。http://www.cdlponline.org/index.cfm?fuseaction=homepage
3. 大量閱讀。http://www.englishclub.com/index.htm
4. 讀出重點。http://literacyworks.org/lw/home.html?flash
5. 閱讀策略。http://depts.gallaudet.edu/englishworks/
百變寫作力
1. 找工作，寫履歷。http://www.resumetemplates.org/
2. 作生意，書信往來。http://www.4hb.com/index.html
3. 學校申請，文件不求人。http://www.about.com/
4. 拼報告，寫論文。http://writing.wisc.edu/Handbook/
5. 開部落格，練英文。http://www.dailyblogtips.com/
增強應試力
1. 全民英檢學習網站。http://www.gept.org.tw/
2. 多益英語檢定學習網站。http://www.etweb.fju.edu.tw/yueh/toeic/index.htm
3. 托福測驗。http://www.testmagic.com/toefl/
4. 太傻網GRE頻道。http://www.taisha.org/test/gre/
5. ESOL So Easy。http://www.flo-joe.co.uk/
活用興趣力
1. America's Story from America's Library。http://www.americancorner.org.tw/americaslibrary/default.htm
2. The Complete Works of William Shakespeare。http://shakespeare.mit.edu/
3. History Video Guide。http://www.history.com/video.do?action=home
4. 英文文學資料庫。http://www.eng.fju.edu.tw/English_Literature/el-main.htm
5. 時尚平台，For 時尚達人。http://www.style.com/
2010年4月6日 星期二
使用css美化水平分隔線
通過 CSS：取消 <hr>預設留有的 border，再指定 height 為 1 像素，並弱化 <hr>的背景顏色。背景顏色這邊 IE6 不認 background-color，但可以使用 color 達到同樣效果。這樣所有瀏覽器的相容性就都不會有問題。
hr {
border:0; height:1px; background-color:#d4d4d4;
color:#d4d4d4 /* IE6 */
}
CSS串聯樣式表教學『文字屬性一覽』
color: #000; /*色彩*/
font-family: 細明體,sans-serif; /*文字字型*/
font-size: 9pt; /*文字大小*/
font-style: italic; /*文字斜體*/
font-style: normal; /*標準文字*/
可消除瀏覽器中預設的斜體文字或標籤 內的字
font-weight: bold; /*文字粗體*/
font-weight: normal; /*標準文字*/
可以用在消除 h1 ~ h6 的預設粗體或粗體標籤 內的字
font-variant: small-caps; /*小型英文大寫*/
letter-spacing: 1pt; /*字間距離*/
line-height: 200%; /*設定行高*/
vertical-align: sub; /*下標字*/
vertical-align: super; /*上標字*/
text-decoration: line-through; /*加刪除線*/
text-decoration: overline; /*加頂線*/
text-decoration: underline; /*加底線*/
text-decoration: none; /*刪除底線*/
text-transform: capitalize; /*首字大寫*/
text-transform: uppercase; /*英文大寫*/
text-transform: lowercase; /*英文小寫*/
text-align: right; /*文字靠右對齊*/
text-align: left; /*文字靠左對齊*/
text-align: center; /*文字置中對齊*/
text-align: justify; /*文字分散對齊*/
word-spacing: 5px; /*半形空格的間距*/
white-space: pre; /*讓元素有標籤功能*/
font-family: 細明體,sans-serif; /*文字字型*/
font-size: 9pt; /*文字大小*/
font-style: italic; /*文字斜體*/
font-style: normal; /*標準文字*/
可消除瀏覽器中預設的斜體文字或標籤 內的字
font-weight: bold; /*文字粗體*/
font-weight: normal; /*標準文字*/
可以用在消除 h1 ~ h6 的預設粗體或粗體標籤 內的字
font-variant: small-caps; /*小型英文大寫*/
letter-spacing: 1pt; /*字間距離*/
line-height: 200%; /*設定行高*/
vertical-align: sub; /*下標字*/
vertical-align: super; /*上標字*/
text-decoration: line-through; /*加刪除線*/
text-decoration: overline; /*加頂線*/
text-decoration: underline; /*加底線*/
text-decoration: none; /*刪除底線*/
text-transform: capitalize; /*首字大寫*/
text-transform: uppercase; /*英文大寫*/
text-transform: lowercase; /*英文小寫*/
text-align: right; /*文字靠右對齊*/
text-align: left; /*文字靠左對齊*/
text-align: center; /*文字置中對齊*/
text-align: justify; /*文字分散對齊*/
word-spacing: 5px; /*半形空格的間距*/
white-space: pre; /*讓元素有標籤功能*/
訂閱：
文章 (Atom)