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