网站项目-模仿三国杀官网

官网地址：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