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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_35131940/article/details/78661724

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

展开阅读全文

没有更多推荐了,返回首页