官網地址：http://www.sanguosha.com/
提要：我是看書黨，沒有看過相關類型的視頻，在W3C學習了基礎的HTML知識，自己就開始找網站模仿，我的目標是遊戲開發，所以就模仿了一個遊戲官網。
三國殺網站，我覺得是一個新手較爲容易入手，而且可以學習到很多東西的網站。
建議使用google瀏覽器進行html網站的調試。
效果圖：（PS：雖然只是靜態的，但是敲下來也能輕鬆弄明白裏面的原理）
項目下載：http://download.csdn.net/download/qq_35131940/10136952
所遇到問題總結：
1、html中文亂碼怎麼解決怎麼造成如何避免中文亂碼？
2、後臺修改js或者css文件之後，客戶端刷新但是無效的問題。
3、爲什麼清浮動？浮動會有那些影響？
4、塊元素設置inline屬性不能設置寬高的解決辦法
5、爲什麼有些行內元素可以設置寬高
1、第一個問題，網上提出了許多的解決方案，charset的設置等等，但是我本來就有設置。編輯器問題，我用的是notepad，調整一下編碼格式。
2、第二個問題，那是因爲瀏覽器有緩存，得按着Ctrl+F5刷新。
3、第三個問題，因爲採用的div+css進行網頁的編寫，給div設置背景後，然後內嵌的div如果設置爲float，那麼就撐不開外層的div了。所以需要給內層的div清楚浮動
4、第四個問題，網上說display:inline+float:left就ok，因爲只要用了float的就默認爲塊級元素。。。還有一種就是說，不要設置display:inline，而是用display:block+float:left完全可以達到效果。
5、第五個問題，是因爲html裏分爲非置換元素，和可置換元素（img|input|select|textarea|button|label）
利用node.js掛載靜態網站：http://blog.csdn.net/qq_35131940/article/details/78672407